- Fix editor scroll (min-height: 0 + overflow) - Properties panel extends full height - Moved Diff button to git-branch icon in breadcrumb bar - Minor CSS fixes for app layout
49 lines
634 B
CSS
49 lines
634 B
CSS
/* App layout - minimal CSS, most styling via Tailwind */
|
|
.app-shell {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.app {
|
|
display: flex;
|
|
flex: 1;
|
|
min-height: 0;
|
|
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;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.app__editor > * {
|
|
flex: 1;
|
|
}
|