diff --git a/website/src/styles/_responsive.scss b/website/src/styles/_responsive.scss index 1795351..266db3e 100644 --- a/website/src/styles/_responsive.scss +++ b/website/src/styles/_responsive.scss @@ -14,6 +14,7 @@ } .sidebar { + width: 72px; padding: var(--space-4) 10px; } diff --git a/website/src/styles/_shell.scss b/website/src/styles/_shell.scss index 95fa385..beaf434 100644 --- a/website/src/styles/_shell.scss +++ b/website/src/styles/_shell.scss @@ -9,12 +9,13 @@ } .sidebar { - position: sticky; - top: 0; + position: fixed; + inset: 0 auto 0 0; display: flex; - height: 100vh; + width: 248px; + height: auto; flex-direction: column; - gap: var(--space-5); + gap: var(--space-4); padding: var(--space-5); border-right: 1px solid var(--color-border); background: rgba(11, 14, 27, 0.82); @@ -149,7 +150,6 @@ align-items: center; gap: 10px; margin-top: auto; - margin-bottom: calc(var(--space-3) * -1); padding: 7px 12px; border: 0; border-radius: var(--radius-md); @@ -261,6 +261,7 @@ } .content-shell { + grid-column: 2; display: flex; min-height: 100vh; min-width: 0;