fix: long host style for table

Zephyruso · Feb 14, 2025 · e0c0bc9 · e0c0bc9
1 parent 28bc434
commit e0c0bc9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/connections/ConnectionTable.vue b/src/components/connections/ConnectionTable.vue
@@ -103,7 +103,7 @@
                         CONNECTIONS_TABLE_ACCESSOR_KEY.UlSpeed,
                       ].includes(cell.column.id as CONNECTIONS_TABLE_ACCESSOR_KEY) && 'min-w-20',
                       CONNECTIONS_TABLE_ACCESSOR_KEY.Host ===
-                        (cell.column.id as CONNECTIONS_TABLE_ACCESSOR_KEY) && 'max-w-96 truncate',
+                        (cell.column.id as CONNECTIONS_TABLE_ACCESSOR_KEY) && 'max-w-80 truncate',
                       CONNECTIONS_TABLE_ACCESSOR_KEY.Chains ===
                         (cell.column.id as CONNECTIONS_TABLE_ACCESSOR_KEY) &&
                         'max-w-[36rem] truncate',

diff --git a/src/components/proxies/ProxyNodeGrid.vue b/src/components/proxies/ProxyNodeGrid.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     class="grid max-h-96 gap-2 overflow-y-auto overflow-x-hidden scrollbar-thin"
-    :style="`grid-template-columns: repeat(auto-fill, minmax(${proxyCardSize === PROXY_CARD_SIZE.LARGE ? 150 : 138}px, 1fr));`"
+    :style="`grid-template-columns: repeat(auto-fill, minmax(${proxyCardSize === PROXY_CARD_SIZE.LARGE ? 145 : 130}px, 1fr));`"
   >
     <slot />
   </div>

diff --git a/src/components/proxies/ProxyPreview.vue b/src/components/proxies/ProxyPreview.vue
@@ -19,7 +19,7 @@
     </div>
   </div>
   <div
-    class="flex items-center gap-2 py-2"
+    class="flex items-center gap-2 pt-4"
     v-else
   >
     <div class="flex flex-1 items-center justify-center overflow-hidden rounded-2xl [&>*]:h-2">
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,7 +19,7 @@ @@
         </div>
       </div>
       <div
-        class="flex items-center gap-2 py-2"
+        class="flex items-center gap-2 pt-4"
         v-else
       >
         <div class="flex flex-1 items-center justify-center overflow-hidden rounded-2xl [&>*]:h-2">
@@ Expand Down @@