feat: added elevation to redesign

hirosystems · Oct 16, 2024 · 201c25d · 201c25d
1 parent e5ad0bb
commit 201c25d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/app/signers/SignersTable.tsx b/src/app/signers/SignersTable.tsx
@@ -55,6 +55,7 @@ export const SignersTableHeader = ({
       justifyContent="center"
       alignItems="center"
       width="fit-content"
+      boxShadow="elevation3"
     >
       <Text
         fontWeight="medium"

diff --git a/src/ui/theme/theme.ts b/src/ui/theme/theme.ts
@@ -81,6 +81,20 @@ export const theme = extendTheme({
         _dark: 'white',
       },
     },
+    shadows: {
+      elevation1: {
+        default: '0 2px 6px rgba(183, 180, 176, 0.2)',
+        _dark: '0 2px 6px rgba(0, 0, 0, 0.2)',
+      },
+      elevation2: {
+        default: '0 8px 16px rgba(183, 180, 176, 0.2)',
+        _dark: '0 8px 16px rgba(0, 0, 0, 0.2)',
+      },
+      elevation3: {
+        default: '0 16px 32px rgba(183, 180, 176, 0.2)',
+        _dark: '0 16px 32px rgba(0, 0, 0, 0.2)',
+      },
+    },
   },
   styles: {
     global: (props: StyleFunctionProps) => ({