chore:code cleanup

deriv-com · May 7, 2024 · c3f6a43 · c3f6a43
1 parent 4698a53
commit c3f6a43
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/components/AppLayout/Drawer/Drawer.scss b/src/components/AppLayout/Drawer/Drawer.scss
@@ -57,10 +57,7 @@
 .deriv-drawer__overlay {
     background-color: rgba(0, 0, 0, 0.5);
     position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
+    inset: 0;
     margin: 0;
     overflow-y: hidden;
     z-index: 9999;

diff --git a/src/components/AppLayout/Drawer/index.tsx b/src/components/AppLayout/Drawer/index.tsx
@@ -42,14 +42,22 @@ export const Drawer = ({
     return (
         <>
             <div
-                className={clsx(`deriv-drawer__overlay ${!isOpen ? "exit" : ""}`, overlayClassName)}
+                className={clsx(
+                    "deriv-drawer__overlay",
+                    !isOpen && "exit",
+                    overlayClassName,
+                )}
                 onClick={(e) => {
                     e.stopPropagation();
                     onCloseDrawer();
                 }}
             />
             <div
-                className={clsx(`deriv-drawer__container ${!isOpen ? "exit" : ""}`, className )}
+                className={clsx(
+                    "deriv-drawer__container",
+                    !isOpen && "exit",
+                    className,
+                )}
                 style={{ width }}
                 {...rest}
             >