From 0978dc2389b2cce2ea96482598bb873c4d3bda25 Mon Sep 17 00:00:00 2001 From: tye-exe Date: Sat, 26 Jul 2025 19:52:33 +0100 Subject: [PATCH] fix: main-content disappearing on mobile Changed the sidebar to not cover the main-content on screen widths bellow 768px. I'm not sure why this was chosen as the min width elsewhere, but i will follow it. --- frontend/src/index.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 73e34fe..8736f8b 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -9,11 +9,17 @@ body { } .sidebar { - min-height: calc(100vh - 56px); background-color: #343a40; padding-top: 20px; } +/* The "min-width" comes from the "min-width" media attribute on "main-content" */ +@media (min-width: 768px) { + .sidebar { + min-height: calc(100vh - 56px); + } +} + /* Removed color and background styles as they are set inline in Sidebar.js */ /* Kept basic layout and transition styles */ .sidebar .nav-link {