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

Add PageShell — collapsed sidebar strip on Dashboard and all admin pages

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
jtricerolph 2026-07-21 09:15:12 +00:00
parent de49df70b0
commit b3c02adf76
7 changed files with 75 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/pages/AdminSettings.tsx
View file

@ -1,6 +1,6 @@
import { useState, useEffect, useRef } from 'react'
import { CheckCircle, XCircle, RefreshCw, ChevronDown, ChevronUp, Clock, Folder, FolderOpen, ChevronRight, KeyRound, Copy, Check } from 'lucide-react'
import { Sidebar } from '../components/Sidebar'
import { PageShell } from '../components/PageShell'
import type { User } from '../types'
const MASKED = '••••••••'
@ -62,9 +62,7 @@ export function AdminSettings({ user }: { user: User }) {
}, [])
return (
<div style={{ display: 'flex', height: '100dvh' }}>
<Sidebar user={user} />
<main style={{ flex: 1, overflowY: 'auto', padding: '2rem' }}>
<PageShell user={user} padding="2rem">
<h1 style={{ fontSize: '1.25rem', fontWeight: 700, color: 'var(--text-dark)', marginBottom: '0.25rem' }}>
Settings
</h1>
@ -101,8 +99,7 @@ export function AdminSettings({ user }: { user: User }) {
{tab === 'rooms' && <RoomsTab />}
{tab === 'apps' && <AppsTab />}
{tab === 'device' && <DeviceTab />}
</main>
</div>
</PageShell>
)
}