6989f44031
Install Tailwind CSS v4 + shadcn/ui with Radix UI primitives. Migrate all UI components (Sidebar, NoteList, Editor tabs, Inspector, dialogs, palette) from BEM CSS to Tailwind utility classes and shadcn components (Button, Input, Dialog, Badge, etc.). Map theme system to shadcn CSS variables while preserving BlockNote editor styles untouched. Remove 8 old CSS files. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
49 lines
608 B
CSS
49 lines
608 B
CSS
/* App layout - minimal CSS, most styling via Tailwind */
|
|
.app {
|
|
display: flex;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.app__sidebar {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.app__sidebar > * {
|
|
flex: 1;
|
|
}
|
|
|
|
.app__note-list {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.app__note-list > * {
|
|
flex: 1;
|
|
}
|
|
|
|
.app__editor {
|
|
flex: 1;
|
|
min-width: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.app__editor > * {
|
|
flex: 1;
|
|
}
|
|
|
|
.app__inspector {
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.app__inspector > * {
|
|
flex: 1;
|
|
}
|