fix: update sidebar shadow (#323)
This commit is contained in:
@@ -175,7 +175,7 @@ const WorkspaceSidebar = styled('div')(({ theme }) => ({
|
|||||||
width: 300,
|
width: 300,
|
||||||
minWidth: 300,
|
minWidth: 300,
|
||||||
borderRadius: '0px 10px 10px 0px',
|
borderRadius: '0px 10px 10px 0px',
|
||||||
boxShadow: theme.affine.shadows.shadow1,
|
boxShadow: theme.affine.shadows.shadow2,
|
||||||
backgroundColor: '#FFFFFF',
|
backgroundColor: '#FFFFFF',
|
||||||
transitionProperty: 'left',
|
transitionProperty: 'left',
|
||||||
transitionDuration: '0.35s',
|
transitionDuration: '0.35s',
|
||||||
|
|||||||
@@ -233,7 +233,10 @@ export const Theme = {
|
|||||||
},
|
},
|
||||||
shadows: {
|
shadows: {
|
||||||
none: 'none',
|
none: 'none',
|
||||||
shadow1: '0px 1px 5px rgba(152, 172, 189, 0.2)',
|
shadow1:
|
||||||
|
'0px 1px 10px -6px rgba(24, 39, 75, 0.08), 0px 3px 16px -6px rgba(24, 39, 75, 0.04)',
|
||||||
|
shadow2:
|
||||||
|
'0px 6px 16px -8px rgba(0,0,0,0.08), 0px 9px 14px 0px rgba(0,0,0,0.05), 0px 12px 24px 16px rgba(0,0,0,0.03)',
|
||||||
},
|
},
|
||||||
border: ['none'],
|
border: ['none'],
|
||||||
spacing: {
|
spacing: {
|
||||||
|
|||||||
Reference in New Issue
Block a user