danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: logout modal styles

Browse Source
This commit is contained in:
Mahyar Khanbolooki
2025-07-24 15:21:00 +03:30
parent 6551b466ad
commit 71069c42ca
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/menu/SideMenu.tsx
+3 -2
View File
@@ -84,6 +84,7 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
}; };
const toggleLogoutModalVisiblity = (e?: React.MouseEvent) => { const toggleLogoutModalVisiblity = (e?: React.MouseEvent) => {
e?.preventDefault();
e?.stopPropagation(); e?.stopPropagation();
setLogoutModalVisible((state) => !state); setLogoutModalVisible((state) => !state);
}; };
@@ -179,11 +180,11 @@ function SideMenu({ menuState, toggleMenuState, nightModeState, togglenightModeS
{/* Logout Modal */} {/* Logout Modal */}
<BlurredOverlayContainer visible={logoutModalVisible} onClick={toggleLogoutModalVisiblity} inDuration={100} outDuration={100} outDelay={75}> <BlurredOverlayContainer visible={logoutModalVisible} onClick={toggleLogoutModalVisiblity} inDuration={100} outDuration={100} outDelay={75}>
<div className="absolute top-1/2 left-0 w-full px-6" onClick={toggleLogoutModalVisiblity}> <div className="absolute top-1/2 left-0 w-full px-6">
<motion.div <motion.div
animate={{ y: logoutModalVisible ? [10, 0] : [0, 10] }} animate={{ y: logoutModalVisible ? [10, 0] : [0, 10] }}
transition={{ duration: 0.1, ease: 'easeInOut' }} transition={{ duration: 0.1, ease: 'easeInOut' }}
className="top-1/2 min-w-xs w-full max-w-sm text-center -translate-y-1/2 px-6 pt-8 pb-9 drop-shadow-container bg-white/63 rounded-4xl" className="top-1/2 absolute left-1/2 min-w-xs w-full max-w-sm text-center -translate-1/2 px-6 pt-8 pb-9 drop-shadow-container bg-white/63 rounded-4xl"
> >
<h2 className="text-base font-medium"> <h2 className="text-base font-medium">
{tLogoutModal('Heading')} {tLogoutModal('Heading')}