From b1a2c9e9d58e9a5b60fe1860b8b8cf54fd02298d Mon Sep 17 00:00:00 2001
From: liyasthomas <liyascthomas@gmail.com>
Date: Wed, 25 May 2022 17:42:48 +0530
Subject: [PATCH] fix: text overflow in table layout

---
 packages/hoppscotch-app/components/profile/Shortcode.vue | 6 ++----
 packages/hoppscotch-app/pages/profile.vue                | 5 +----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/packages/hoppscotch-app/components/profile/Shortcode.vue b/packages/hoppscotch-app/components/profile/Shortcode.vue
index 045789d43..ec2a90804 100644
--- a/packages/hoppscotch-app/components/profile/Shortcode.vue
+++ b/packages/hoppscotch-app/components/profile/Shortcode.vue
@@ -16,9 +16,7 @@
       {{ parseShortcodeRequest.method }}
     </div>
     <div class="table-column" :data-label="t('shortcodes.url')">
-      <div class="max-w-50 lg:max-w-90 truncate">
-        {{ parseShortcodeRequest.endpoint }}
-      </div>
+      {{ parseShortcodeRequest.endpoint }}
     </div>
     <div
       ref="timeStampRef"
@@ -126,7 +124,7 @@ const copyShortcode = (codeID: string) => {
 
 <style lang="scss">
 .table-column {
-  @apply flex flex-1 items-center justify-between px-3 py-3;
+  @apply flex flex-1 items-center px-3 py-3 truncate;
 }
 
 .table-row-groups {
diff --git a/packages/hoppscotch-app/pages/profile.vue b/packages/hoppscotch-app/pages/profile.vue
index e89ce9fdc..77276936d 100644
--- a/packages/hoppscotch-app/pages/profile.vue
+++ b/packages/hoppscotch-app/pages/profile.vue
@@ -213,10 +213,7 @@
                         {{ t("empty.shortcodes") }}
                       </span>
                     </div>
-                    <div
-                      v-else-if="!loading"
-                      class="table w-full border-collapse table-auto"
-                    >
+                    <div v-else-if="!loading">
                       <div
                         class="bg-primaryLight hidden lg:flex rounded-t w-full"
                       >