Something went wrong. Try again.
A local-first note taking app
Something went wrong. Try again.
897 B · 41 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142import type { ReactNode } from 'react';
type SettingsPaneLayoutProps = { sidebar: ReactNode; children: ReactNode;};
type SettingsPaneSectionProps = { title: string; children: ReactNode;};
export function SettingsPaneLayout({ sidebar, children,}: SettingsPaneLayoutProps) { return ( <div className="flex min-h-0 min-w-0 flex-1"> <aside className="border-border bg-background/90 w-60 shrink-0 border-r p-3"> {sidebar} </aside> <section className="flex min-h-0 min-w-0 flex-1 flex-col p-5"> {children} </section> </div> );}
export function SettingsPaneSection({ title, children,}: SettingsPaneSectionProps) { return ( <div className="mt-3"> <div className="flex items-center justify-between gap-3"> <p className="text-foreground/70 text-sm">{title}</p> {children} </div> </div> );}