From 8a5a523b15fe80eab2468614bbda3f33219f19ee Mon Sep 17 00:00:00 2001 From: Jackson Harper Date: Thu, 31 Aug 2023 17:34:06 +0800 Subject: [PATCH] Update box shadow for dropdowns --- packages/web/components/elements/DropdownElements.tsx | 2 +- packages/web/components/tokens/stitches.config.ts | 3 +-- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/web/components/elements/DropdownElements.tsx b/packages/web/components/elements/DropdownElements.tsx index b601b7f6b..1e42d61ba 100644 --- 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', diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts index f17a02085..dbd792a7f 100644 --- 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: {},