Update box shadow for dropdowns

2023-08-31 17:34:06 +08:00
parent 4c1d1fbbc2
commit 8a5a523b15
2 changed files with 2 additions and 3 deletions
--- a/packages/web/components/elements/DropdownElements.tsx
+++ b/packages/web/components/elements/DropdownElements.tsx
@ -53,7 +53,7 @@ export const DropdownContent = styled(Content, {
  borderRadius: '6px',
  outline: '1px solid #323232',
  border: '1px solid $grayBorder',
-  boxShadow: '$cardBoxShadow',
+  boxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.05);',
  '--arrow-visibility': '',
  '&[data-side="top"]': {
    '--arrow-visibility': 'collapse',
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@ -103,8 +103,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
      borderWidths: {},
      borderStyles: {},
      shadows: {
-        panelShadow: '0px 4px 18px rgba(120, 123, 134, 0.12)',
-        cardBoxShadow: '0px 16px 25px 16px rgba(32, 31, 29, 0.1)',
+        cardBoxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.05);',
      },
      zIndices: {},
      transitions: {},