fix: truncate and add ellipses for long witnesses

subugoe · Nov 7, 2024 · 2350d10 · 2350d10
1 parent b18f44c
commit 2350d10
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/annotations/variants/VariantItem.vue b/src/components/annotations/variants/VariantItem.vue
@@ -8,9 +8,9 @@
     :data-annotation-id="annotation.id"
     @click="handleClick"
   >
-    <div class="t-w-4/12 t-flex">
+    <div class="t-w-1/3 t-flex">
       <div
-        class="t-relative t-rounded-3xl t-box-border t-px-2 t-py-1 t-text-xs t-flex-grow-0 t-flex t-items-center t-font-semibold t-whitespace-nowrap"
+        class="t-relative t-truncate t-w-7/8 t-rounded-3xl t-box-border t-px-2 t-py-1 t-text-xs t-flex-grow-0 t-font-semibold"
         :style="{
           'background': colors[witnessColor]['100'],
           'color': colors[witnessColor]['600']