Adding xl size to TokenImage

0xsequence · Feb 14, 2024 · 921154d · 921154d
1 parent 42bdc9f
commit 921154d
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/TokenImage/styles.css.ts b/src/components/TokenImage/styles.css.ts
@@ -35,6 +35,12 @@ export const root = recipe({
         height: '40px',
         fontSize: '11px',
       },
+
+      xl: {
+        width: '64px',
+        height: '64px',
+        fontSize: '16px',
+      },
     },
 
     borderRadius: {
@@ -74,6 +80,11 @@ export const img = style({
       maxWidth: '40px',
       maxHeight: '40px',
     },
+
+    [`${selectorize(root({ size: 'xl' }))} &`]: {
+      maxWidth: '64px',
+      maxHeight: '64px',
+    },
   },
 })