fix(app): styling

unionlabs · Jun 8, 2024 · c1448c4 · c1448c4
1 parent fccece6
commit c1448c4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/src/routes/explorer/blocks/+page.svelte b/app/src/routes/explorer/blocks/+page.svelte
@@ -14,6 +14,7 @@ import CellDurationText from "../(components)/cell-duration-text.svelte"
 import { cosmosBlocksQuery } from "$lib/graphql/documents/cosmos-blocks.ts"
 
 import Table from "../(components)/table.svelte"
+    import { truncate } from "$lib/utilities/format";
 
 $: cosmosBlocks = createQuery({
   queryKey: ["cosmos-blocks"],
@@ -73,8 +74,8 @@ const columns = [
     size: 200,
     cell: info =>
       flexRender(CellText, {
-        class: "p-0 m-0 font-mono",
-        value: info.getValue()
+        class: "p-0 m-0 font-mono text-muted-foreground",
+        value: truncate(info.getValue(), 12)
       })
   }
 ] as Array<ColumnDef<CosmosBlock>>

diff --git a/app/src/routes/transfer/+page.svelte b/app/src/routes/transfer/+page.svelte
@@ -333,7 +333,7 @@ let buttonText = "Transfer" satisfies
     </Card.Footer>
   </Card.Root>
   <div class="text-muted-foreground">
-    Will transfer <b>{amount} {truncate($asset, 6)}</b> from <b>{$fromChain?.display_name}</b> to <b>{truncate($recipient, 6)}</b> on <b>{$toChain?.display_name}</b>. 
+    Will transfer <b>{amount} {truncate($asset, 6)}</b> from <b>{$fromChain?.display_name}</b> to <span class="font-bold font-mono">{truncate($recipient, 6)}</span> on <b>{$toChain?.display_name}</b>. 
   </div>
 </main>