chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

fix(web): ensure drawer can slide in/out and not just appear

Browse Source
This commit is contained in:
Paul Armstrong
2021-02-05 15:52:47 -08:00
committed by Blake Blackshear
parent 188eb6b9ea
commit 4e03acc944
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/NavigationDrawer.jsx
View File

@@ -12,11 +12,12 @@ export default function NavigationDrawer({ children, header }) {
return (
<Fragment>
{showDrawer ? <div className="fixed inset-0 z-20" onClick={handleDismiss} /> : ''}
{showDrawer ? <div key="scrim" className="fixed inset-0 z-20" onClick={handleDismiss} /> : ''}
<div
className={`fixed left-0 top-0 bottom-0 lg:sticky max-h-screen flex flex-col w-64 text-gray-700 bg-white dark:text-gray-200 dark:bg-gray-900 flex-shrink-0 border-r border-gray-200 dark:border-gray-700 shadow lg:shadow-none z-20 lg:z-0 transform translate-x-0 ${
!showDrawer ? '-translate-x-full' : ''
} lg:translate-x-0 transition-transform duration-300`}
key="drawer"
className={`fixed left-0 top-0 bottom-0 lg:sticky max-h-screen flex flex-col w-64 text-gray-700 bg-white dark:text-gray-200 dark:bg-gray-900 flex-shrink-0 border-r border-gray-200 dark:border-gray-700 shadow lg:shadow-none z-20 lg:z-0 transform ${
!showDrawer ? '-translate-x-full lg:translate-x-0' : 'translate-x-0'
} transition-transform duration-300`}
onClick={handleDismiss}
>
{header ? (