chore(core): recover workspace shadow with drop-shadow

toeverything · Mar 18, 2024 · e16f5eb · e16f5eb
1 parent 01a6ebe
commit e16f5eb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/packages/frontend/core/src/components/workspace/index.css.ts b/packages/frontend/core/src/components/workspace/index.css.ts
@@ -56,12 +56,11 @@ export const mainContainerStyle = style({
   selectors: {
     '&[data-client-border="true"]': {
       borderRadius: 6,
-    },
-    '&[data-show-padding="true"]': {
       margin: '8px',
       overflow: 'hidden',
+      // todo: is this performance intensive?
       // TODO: not match with design's shadow, theme missing
-      boxShadow: '0px 0px 4px rgba(66,65,73,.14)',
+      filter: 'drop-shadow(0px 0px 4px rgba(66,65,73,.14))',
       '@media': {
         print: {
           overflow: 'visible',
@@ -70,10 +69,10 @@ export const mainContainerStyle = style({
         },
       },
     },
-    '&[data-show-padding="true"][data-side-bar-open="true"]': {
+    '&[data-client-border="true"][data-side-bar-open="true"]': {
       marginLeft: 0,
     },
-    '&[data-show-padding="true"]:before': {
+    '&[data-client-border="true"]:before': {
       content: '""',
       position: 'absolute',
       height: '8px',

diff --git a/packages/frontend/core/src/components/workspace/index.tsx b/packages/frontend/core/src/components/workspace/index.tsx
@@ -50,7 +50,6 @@ export const MainContainer = forwardRef<
       {...props}
       className={clsx(mainContainerStyle, className)}
       data-is-macos={environment.isDesktop && environment.isMacOs}
-      data-show-padding={!!clientBorder}
       data-transparent={false}
       data-client-border={clientBorder}
       data-side-bar-open={appSideBarOpen}