fix: responsive width for popup

leather-io · Jun 21, 2024 · c61ced0 · c61ced0
1 parent 930c125
commit c61ced0
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/theme/global/global.ts b/theme/global/global.ts
@@ -1,6 +1,7 @@
-import { tokens } from '@leather-wallet/tokens';
 import { defineGlobalStyles } from '@pandacss/dev';
 
+import { tokens } from '@leather-wallet/tokens';
+
 // ts-unused-exports:disable-next-line
 export const globalCss = defineGlobalStyles({
   button: {
@@ -37,7 +38,7 @@ export const globalCss = defineGlobalStyles({
     'html,body, #app, .radix-themes': {
       maxHeight: '100vh',
       minHeight: tokens.sizes.dialogHeight.value,
-      width: tokens.sizes.popupWidth.value,
+      maxWidth: tokens.sizes.popupWidth.value,
       margin: '0 auto',
 
       '::-webkit-scrollbar': {