fix: text overflow in table layout

2022-05-25 17:42:48 +05:30
parent 346ac8bde9
commit b1a2c9e9d5
2 changed files with 3 additions and 8 deletions
--- 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 {