From 529c8665471562589b1f2c176c2141b4fb496567 Mon Sep 17 00:00:00 2001 From: Jake Howard Date: Fri, 1 Nov 2024 17:25:50 +0000 Subject: [PATCH] Clean up grid sidebar --- src/sidebars/sidebar/index.html | 1 + src/sidebars/sidebar/index.scss | 15 ++++++++------- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/src/sidebars/sidebar/index.html b/src/sidebars/sidebar/index.html index 4d39612..c0b21d4 100644 --- a/src/sidebars/sidebar/index.html +++ b/src/sidebars/sidebar/index.html @@ -1,3 +1,4 @@ + diff --git a/src/sidebars/sidebar/index.scss b/src/sidebars/sidebar/index.scss index 09c506f..d8ec67b 100644 --- a/src/sidebars/sidebar/index.scss +++ b/src/sidebars/sidebar/index.scss @@ -8,6 +8,7 @@ html { $content-width: 85ch; $content-padding: 16px; +$sidebar-width: 400px; $bleed-ratio: 0.2; $details-bg: black; @@ -53,8 +54,8 @@ main { .spacer { flex-grow: 1; - flex-shrink: 10; - flex-basis: 200px; + flex-shrink: 100; + flex-basis: $sidebar-width; } .content-wrapper { @@ -84,9 +85,8 @@ main { .sidebar { flex-grow: 1; - flex-shrink: 10; - flex-basis: 200px; - min-width: 400px; + flex-basis: $sidebar-width; + min-width: $sidebar-width; background-color: orange; .sidebar-inner { @@ -95,11 +95,12 @@ main { } } -@media (max-width: 1200px) { +@media (max-width: 1175px) { main { flex-direction: column-reverse; align-items: center; padding: 0 1rem; + gap: unset; } .spacer { @@ -118,7 +119,7 @@ main { } } -@media (max-width: 400px) { +@media (max-width: 300px) { .sidebar { display: none; }