fix(app): use trunc fn instead

unionlabs · Jul 16, 2024 · a54dde8 · a54dde8
1 parent f588f66
commit a54dde8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/app/src/routes/explorer/(components)/cell-origin-channel.svelte b/app/src/routes/explorer/(components)/cell-origin-channel.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 import { cn } from "$lib/utilities/shadcn.ts"
 import * as Tooltip from "$lib/components/ui/tooltip"
+import { truncate } from "$lib/utilities/format.ts";
 
 export let value: {
   chain_display_name: string
@@ -18,7 +19,7 @@ export let value: {
   <div>{value.channel_id}</div>
   <Tooltip.Root>
     <Tooltip.Trigger>
-      <div class="max-w-[200px] truncate">{value.port_id}</div>
+      <div class="text-start">{truncate(value.port_id, 10)}</div>
     </Tooltip.Trigger>
     <Tooltip.Content>
       {value.port_id}