From af8055002c42db85d90530e86a1159da92886307 Mon Sep 17 00:00:00 2001 From: "Andy Chan (12beesinatrenchcoat)" Date: Sun, 31 Mar 2024 00:35:15 -0400 Subject: [PATCH] Only show Drawer shadow when open --- compass/components/page/Drawer.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/compass/components/page/Drawer.tsx b/compass/components/page/Drawer.tsx index d80cd9f..91118f3 100644 --- a/compass/components/page/Drawer.tsx +++ b/compass/components/page/Drawer.tsx @@ -26,10 +26,10 @@ const Drawer: FunctionComponent = ({ title, children, onSave, edita setEditContent(event.target.value); }; - const drawerClassName = `fixed top-0 right-0 w-1/2 h-full bg-white shadow-xl transform ease-in-out duration-300 ${ - isOpen ? "translate-x-0" : "translate-x-full" + const drawerClassName = `fixed top-0 right-0 w-1/2 h-full bg-white transform ease-in-out duration-300 ${ + isOpen ? "translate-x-0 shadow-xl" : "translate-x-full" }`; - + const saveChanges = () => { console.log(editContent); if (onSave) { @@ -39,7 +39,7 @@ const Drawer: FunctionComponent = ({ title, children, onSave, edita }; const addRow = () => { - + } return ( @@ -73,4 +73,4 @@ const Drawer: FunctionComponent = ({ title, children, onSave, edita ); }; -export default Drawer; \ No newline at end of file +export default Drawer;