Converted all the css into Tailwind css of Drawer component

OperationCode · Sep 28, 2023 · 9e988e9 · 9e988e9
1 parent bf27753
commit 9e988e9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/Drawer/Drawer.js b/components/Drawer/Drawer.js
@@ -17,7 +17,7 @@ function Drawer({ children, className, isVisible }) {
     <div
       className={classNames(
         className,
-        'hidden lg:block transition-all ease-in-out duration-1000 fixed top- bottom-0  overflow-hidden width-full z-[2]',
+        'hidden lg:block transition-all ease-in-out duration-1000 fixed top-0 bottom-0  overflow-hidden width-full z-[2]',
         {
           '-left-0': isVisible,
           '-left-[100%]': !isVisible,

diff --git a/components/Drawer/__tests__/__snapshots__/Drawer.test.js.snap b/components/Drawer/__tests__/__snapshots__/Drawer.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`Drawer should render with many props assigned 1`] = `
 <div
-  className="test-class hidden lg:block transition-all ease-in-out duration-1000 fixed top- bottom-0  overflow-hidden width-full z-[2] -left-0"
+  className="test-class hidden lg:block transition-all ease-in-out duration-1000 fixed top-0 bottom-0  overflow-hidden width-full z-[2] -left-0"
 >
   <div
     className="h-full w-full"
@@ -14,7 +14,7 @@ exports[`Drawer should render with many props assigned 1`] = `
 
 exports[`Drawer should render with required props 1`] = `
 <div
-  className="hidden lg:block transition-all ease-in-out duration-1000 fixed top- bottom-0  overflow-hidden width-full z-[2] -left-[100%]"
+  className="hidden lg:block transition-all ease-in-out duration-1000 fixed top-0 bottom-0  overflow-hidden width-full z-[2] -left-[100%]"
 >
   <div
     className="h-full w-full"