From e714877e4767247aaa40de12b96a3874e4401066 Mon Sep 17 00:00:00 2001 From: Leni Aniva Date: Thu, 10 Oct 2024 15:00:12 -0700 Subject: [PATCH] fix: Layout overflow on narrow screen --- src/routes/+layout.svelte | 1 + src/routes/Navbar.svelte | 7 +++++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 7170bf9..8c0ad4f 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -103,6 +103,7 @@ @media (max-width: 700px) { #layout { flex-direction: column; + margin-top: 10px; gap: 20px; } } diff --git a/src/routes/Navbar.svelte b/src/routes/Navbar.svelte index 3857553..c0606fe 100644 --- a/src/routes/Navbar.svelte +++ b/src/routes/Navbar.svelte @@ -35,8 +35,11 @@ } @media (max-width: 700px) { #navbar { - flex-direction: row; - justify-content: start; + display: inline-block; + white-space: pre-wrap; + } + #navbar .nav-link { + display: inline-block; } }