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

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

View file

@ -1,6 +1,6 @@
import { useEffect, useRef, useState } from 'react'
import { ArrowUpCircle, Activity, ScrollText, RefreshCw, TerminalSquare, HardDrive, ChevronDown, ChevronRight, Play } from 'lucide-react'
import { Sidebar } from '../components/Sidebar'
import { PageShell } from '../components/PageShell'
import type { User } from '../types'
interface AppStatus {
@ -238,8 +238,7 @@ export function AdminMonitor({ user }: { user: User }) {
]
return (
<div style={{ display: 'flex', height: '100dvh' }}>
<Sidebar user={user} />
<PageShell user={user} padding="2rem">
<div style={{ flex: 1, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
{/* Tab bar */}
@ -718,6 +717,6 @@ export function AdminMonitor({ user }: { user: User }) {
)}
</div>
</div>
</PageShell>
)
}