hotel-manage-stack/twin-optimiser
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sync shared components — sidebar scrollbar, Layout, AuthGate updates

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-07-14 12:07:11 +00:00
parent 7c8991d5ce
commit fdbd92d6c2
2 changed files with 16 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/Layout.tsx
View file

@ -28,7 +28,7 @@ export function Layout({ user, children }: Props) {
<p style={{ color: 'var(--text-muted)', fontSize: '0.72rem', marginTop: '0.2rem' }}>{user.name}</p> <p style={{ color: 'var(--text-muted)', fontSize: '0.72rem', marginTop: '0.2rem' }}>{user.name}</p>
</div> </div>
<div style={{ flex: 1, padding: '0.5rem 0', overflowY: 'auto' }}> <div className="nav-scroll" style={{ flex: 1, padding: '0.5rem 0', overflowY: 'auto' }}>
<NavItem to="/" icon={LayoutGrid} label="Grid" end /> <NavItem to="/" icon={LayoutGrid} label="Grid" end />
{user.is_admin && <NavItem to="/settings" icon={Settings} label="Settings" />} {user.is_admin && <NavItem to="/settings" icon={Settings} label="Settings" />}
</div> </div>

15
frontend/src/index.css
View file

@ -346,3 +346,18 @@ input, textarea, select { font-family: inherit; }
cursor: pointer; cursor: pointer;
padding: 2px; padding: 2px;
} }
/* Sidebar scrollbar */
.nav-scroll::-webkit-scrollbar,
.sidebar::-webkit-scrollbar,
.sidebar-nav::-webkit-scrollbar { width: 4px; }
.nav-scroll::-webkit-scrollbar-track,
.sidebar::-webkit-scrollbar-track,
.sidebar-nav::-webkit-scrollbar-track { background: transparent; }
.nav-scroll::-webkit-scrollbar-thumb,
.sidebar::-webkit-scrollbar-thumb,
.sidebar-nav::-webkit-scrollbar-thumb { background: rgba(201,168,76,0.35); border-radius: 2px; }
.nav-scroll::-webkit-scrollbar-thumb:hover,
.sidebar::-webkit-scrollbar-thumb:hover,
.sidebar-nav::-webkit-scrollbar-thumb:hover { background: rgba(201,168,76,0.65); }
.nav-scroll, .sidebar, .sidebar-nav { scrollbar-width: thin; scrollbar-color: rgba(201,168,76,0.35) transparent; }