vee1e/workorder-desk
1
0
Fork 0
mirror of https://github.com/vee1e/workorder-desk.git synced 2026-09-01 17:57:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(ui): add mobile navigation

Browse source
This commit is contained in:
lakshit verma 2026-08-17 02:06:48 +05:30
parent e1aff1fb2f
commit fdd0bfed6b
No known key found for this signature in database
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/components/AppLayout.tsx
View file

@ -53,6 +53,15 @@ export function AppLayout() {
</button> </button>
</header> </header>
{/* Mobile nav */}
<nav aria-label="App" className="flex gap-1 overflow-x-auto border-b border-line bg-ink-900 px-3 py-2 lg:hidden">
{items.map((item) => (
<NavLink key={item.to} to={item.to} end={item.end} className={linkClass}>
{item.label}
</NavLink>
))}
</nav>
{/* Desktop rail */} {/* Desktop rail */}
<aside className="hidden w-60 shrink-0 flex-col border-r border-line bg-ink-900 lg:flex"> <aside className="hidden w-60 shrink-0 flex-col border-r border-line bg-ink-900 lg:flex">
<div className="flex items-center gap-2.5 px-5 py-6"> <div className="flex items-center gap-2.5 px-5 py-6">