mirror of
https://github.com/davidkaya/aryx.git
synced 2026-07-25 05:58:39 +02:00
Copilot CLIandCopilot
32f8de6485
- Refined dark theme with zinc palette and indigo accents - Clean sidebar showing only project/session tree - Moved pattern management to full-screen settings panel - New session modal with project + pattern picker - Modern chat with avatar icons, inline send button, Enter-to-send - Welcome pane when no session is selected - Added lucide-react for consistent iconography - Custom scrollbar styling and auto-resize textarea - Removed clutter: no sidebar pattern list, no verbose headers Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
20 lines
560 B
TypeScript
20 lines
560 B
TypeScript
import type { ReactNode } from 'react';
|
|
|
|
interface AppShellProps {
|
|
sidebar: ReactNode;
|
|
content: ReactNode;
|
|
overlay?: ReactNode;
|
|
}
|
|
|
|
export function AppShell({ sidebar, content, overlay }: AppShellProps) {
|
|
return (
|
|
<div className="relative flex h-screen bg-[var(--color-surface-0)] text-zinc-100">
|
|
<aside className="flex w-72 shrink-0 flex-col border-r border-[var(--color-border)] bg-[var(--color-surface-1)]">
|
|
{sidebar}
|
|
</aside>
|
|
<main className="relative min-w-0 flex-1">{content}</main>
|
|
{overlay}
|
|
</div>
|
|
);
|
|
}
|