feat(ui): add 100vh height and drop-shadows to sidebars

- Set sidebars to always have 100vh height on desktop
- Add drop-shadow to left sidebar (2px right shadow)
- Add drop-shadow to right highlights panel (2px left shadow)
- Improves visual separation and depth perception
This commit is contained in:
Gigi
2025-10-13 23:28:00 +02:00
parent f882b63359
commit acf14ccee9

View File

@@ -40,11 +40,13 @@
.pane.sidebar {
position: sticky;
top: 0;
height: 100vh;
max-height: 100vh;
overflow-y: auto;
align-self: start;
margin: 0;
padding: 0;
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
}
.pane.main {
@@ -58,11 +60,13 @@
.pane.highlights {
position: sticky;
top: 0;
height: 100vh;
max-height: 100vh;
overflow-y: auto;
align-self: start;
margin: 0;
padding: 0;
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
}
}