From acf14ccee9e417893b2562f64c0989e9e4b7a462 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Mon, 13 Oct 2025 23:28:00 +0200
Subject: [PATCH] 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
---
 src/styles/layout/app.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/layout/app.css b/src/styles/layout/app.css
index 4d0d78fd..0170bafc 100644
--- a/src/styles/layout/app.css
+++ b/src/styles/layout/app.css
@@ -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);
   }
 }