rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-10 06:10:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Only show Drawer shadow when open

Browse Source
This commit is contained in:
Andy Chan (12beesinatrenchcoat) 2024-03-31 00:35:15 -04:00
parent a59f9d784a
commit af8055002c
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
compass/components/page/Drawer.tsx
View File

@ -26,10 +26,10 @@ const Drawer: FunctionComponent<DrawerProps> = ({ title, children, onSave, edita
setEditContent(event.target.value); 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 ${ const drawerClassName = `fixed top-0 right-0 w-1/2 h-full bg-white transform ease-in-out duration-300 ${
isOpen ? "translate-x-0" : "translate-x-full" isOpen ? "translate-x-0 shadow-xl" : "translate-x-full"
}`; }`;
const saveChanges = () => { const saveChanges = () => {
console.log(editContent); console.log(editContent);
if (onSave) { if (onSave) {
@ -39,7 +39,7 @@ const Drawer: FunctionComponent<DrawerProps> = ({ title, children, onSave, edita
}; };
const addRow = () => { const addRow = () => {
} }
return ( return (
@ -73,4 +73,4 @@ const Drawer: FunctionComponent<DrawerProps> = ({ title, children, onSave, edita
); );
}; };
export default Drawer; export default Drawer;