fix: nonce/memo styles

leather-io · Dec 26, 2024 · e6ed779 · e6ed779
1 parent 0079a4c
commit e6ed779
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/apps/mobile/src/features/approver/components/memo-card.tsx b/apps/mobile/src/features/approver/components/memo-card.tsx
@@ -15,17 +15,19 @@ export function MemoCard({ memo, onPress }: MemoCardProps) {
             <NoteTextIcon />
           </Avatar>
         </Cell.Icon>
-        <Cell.Content>
+        <Cell.Content style={{ flexGrow: 1, flexShrink: 0 }}>
           <Cell.Label variant="primary">
             {t({
               id: 'approver.memo.title',
               message: 'Memo',
             })}
           </Cell.Label>
         </Cell.Content>
-        <Cell.Aside>
+        <Cell.Aside style={{ flexShrink: 1 }}>
           <Box flexDirection="row" alignItems="center" gap="2">
-            <Text variant="label02">{memo}</Text>
+            <Cell.Label variant="primary" numberOfLines={1} style={{ flexShrink: 1 }}>
+              {memo}
+            </Cell.Label>
             <Cell.Icon>
               <ChevronRightIcon variant="small" />
             </Cell.Icon>

diff --git a/apps/mobile/src/features/approver/components/nonce-card.tsx b/apps/mobile/src/features/approver/components/nonce-card.tsx
@@ -15,17 +15,19 @@ export function NonceCard({ nonce, onPress }: NonceCardProps) {
             <NumberedListIcon />
           </Avatar>
         </Cell.Icon>
-        <Cell.Content>
+        <Cell.Content style={{ flexGrow: 1, flexShrink: 0 }}>
           <Cell.Label variant="primary">
             {t({
               id: 'approver.nonce.title',
               message: 'Nonce',
             })}
           </Cell.Label>
         </Cell.Content>
-        <Cell.Aside>
+        <Cell.Aside style={{ flexShrink: 1 }}>
           <Box flexDirection="row" alignItems="center" gap="2">
-            <Text variant="label02">{nonce}</Text>
+            <Text variant="label02" numberOfLines={1} style={{ flexShrink: 1 }}>
+              {nonce}
+            </Text>
             <Cell.Icon>
               <ChevronRightIcon variant="small" />
             </Cell.Icon>