refactor(Drawer): refactor Content

getlago · Dec 2, 2024 · 71c7b7d · 71c7b7d
1 parent cfbc6c2
commit 71c7b7d
Showing 1 changed file with 7 additions and 15 deletions.
diff --git a/src/components/designSystem/Drawer.tsx b/src/components/designSystem/Drawer.tsx
@@ -135,11 +135,16 @@ export const Drawer = forwardRef<DrawerRef, DrawerProps>(
               }}
             />
           </div>
-          <Content $fullContentHeight={fullContentHeight} $withPadding={withPadding}>
+          <div
+            className={tw(
+              fullContentHeight && 'h-full',
+              withPadding && 'px-4 pb-20 pt-12 md:px-12',
+            )}
+          >
             {typeof children === 'function'
               ? children({ closeDrawer: () => setIsOpen(false) })
               : children}
-          </Content>
+          </div>
 
           {!!stickyBottomBar && (
             <div
@@ -162,16 +167,3 @@ export const Drawer = forwardRef<DrawerRef, DrawerProps>(
 )
 
 Drawer.displayName = 'Drawer'
-
-const Content = styled.div<{ $fullContentHeight?: boolean; $withPadding?: boolean }>`
-  height: ${({ $fullContentHeight }) => ($fullContentHeight ? '100%' : ' ')};
-  padding: ${({ $withPadding }) =>
-    $withPadding ? `${theme.spacing(12)} ${theme.spacing(12)} ${theme.spacing(20)}` : undefined};
-
-  ${theme.breakpoints.down('md')} {
-    padding: ${({ $withPadding }) =>
-      $withPadding
-        ? `${theme.spacing(12)} ${theme.spacing(4)} ${theme.spacing(20)} ${theme.spacing(4)}`
-        : undefined};
-  }
-`