workspace modified

Author: aman1tagic

src/workspace/HeaderButton/index.tsx

@@ -38,6 +38,7 @@ const StyledButton = styled(
 const ButtonInnerContent = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
+  gap: 2
 }));
 const IconContainer = styled("div")(
   ({ textHidden }: { textHidden: boolean }) => ({

src/workspace/IconSidebar/index.tsx

@@ -14,6 +14,7 @@ const Container = styled("div")(() => ({
   flexDirection: "column",
   backgroundColor: "#fff",
   flexShrink: 0,
+  marginTop: "5px",
 }));
 
 interface IconSidebarProps {

src/workspace/WorkContainer/index.tsx

@@ -10,18 +10,24 @@ const Container = styled("div")(() => ({
   height: "100%",
   backgroundColor: grey[50],
   overflowY: "auto",
-}));
-const ShadowOverlay = styled("div")(() => ({
-  content: "' '",
-  position: "absolute",
-  left: 0,
-  right: 0,
-  top: 0,
-  bottom: 0,
-  pointerEvents: "none",
+  // borderBottomRightRadius: "10px",
+  // borderBottomLeftRadius: "10px",
+  borderRadius: "10px",
+  marginTop: "5px",
   boxShadow:
     "inset 0 3px 5px rgba(0,0,0,0.15), inset -3px 0 5px rgba(0,0,0,0.15), inset 3px 0 5px rgba(0,0,0,0.15)",
 }));
+// const ShadowOverlay = styled("div")(() => ({
+//   content: "' '",
+//   position: "absolute",
+//   left: 0,
+//   right: 0,
+//   top: 0,
+//   bottom: 0,
+//   pointerEvents: "none",
+//   boxShadow:
+//     "inset 0 3px 5px rgba(0,0,0,0.15), inset -3px 0 5px rgba(0,0,0,0.15), inset 3px 0 5px rgba(0,0,0,0.15)",
+// }));
 
 export const WorkContainer = forwardRef<
   HTMLDivElement,
@@ -31,7 +37,7 @@ export const WorkContainer = forwardRef<
     <ThemeProvider theme={theme}>
       <Container ref={ref}>
         {children}
-        <ShadowOverlay />
+        {/* <ShadowOverlay /> */}
       </Container>
     </ThemeProvider>
   );