Import Tripoli Cloud frontend prototype
React/TypeScript/Vite/Tailwind prototype from the design session (login, dashboard, photos, backups, settings views with mocked API layer). Infra work (Rust services, Ansible, OpenTofu) follows in subsequent commits. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
commit
5dbd3b96f6
73 changed files with 4789 additions and 0 deletions
17
app/src/components/layout/DrawerOverlay.tsx
Normal file
17
app/src/components/layout/DrawerOverlay.tsx
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
import { useNavigation } from '../../contexts/NavigationContext';
|
||||
import { useIsMobile } from '../../hooks/useIsMobile';
|
||||
|
||||
export function DrawerOverlay() {
|
||||
const { drawerOpen, closeDrawer } = useNavigation();
|
||||
const isMobile = useIsMobile();
|
||||
|
||||
if (!isMobile || !drawerOpen) return null;
|
||||
|
||||
return (
|
||||
<div
|
||||
onClick={closeDrawer}
|
||||
className="fixed inset-0 z-30 bg-black/60 backdrop-blur-sm"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue