From e0e11c3c012d0888f4ff5f44d4de53e43a3a22bd Mon Sep 17 00:00:00 2001 From: Esteban Borai Date: Sun, 15 Sep 2024 17:06:25 -0300 Subject: [PATCH] feat: new layout --- src/app.css | 13 +--- src/app.html | 2 +- src/lib/components/Footer.svelte | 8 ++- src/lib/components/Header.svelte | 56 ++++++++++------- src/lib/components/Sidebar.svelte | 2 +- src/lib/components/Tag.svelte | 4 +- src/lib/components/notes/Layout.svelte | 14 ++--- src/lib/components/notes/styles/note.css | 4 +- src/routes/+layout.svelte | 2 +- src/routes/[lang=lang]/+page.svelte | 2 +- src/routes/[lang=lang]/notes/+page.svelte | 49 +++++++-------- .../[lang=lang]/notes/[slug]/+page.svelte | 6 +- .../[lang=lang]/notes/components/Entry.svelte | 63 +++++++------------ tailwind.config.cjs | 16 +++-- 14 files changed, 110 insertions(+), 131 deletions(-) diff --git a/src/app.css b/src/app.css index 0438cc18..989bca8a 100644 --- a/src/app.css +++ b/src/app.css @@ -109,16 +109,9 @@ h3 code { h1, h2, h3 { - @apply font-body font-semibold; + @apply font-body font-semibold text-lt-title dark:text-dk-title; } -.safe-zone { - max-width: 920px; - width: 100%; -} - -@media only screen and (max-width: 920px) { - .safe-zone { - width: 100%; - } +.max-width { + @apply w-full md:max-w-[1200px]; } diff --git a/src/app.html b/src/app.html index eba8ee40..cf7b42d6 100644 --- a/src/app.html +++ b/src/app.html @@ -8,7 +8,7 @@ %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte index c10e1929..c1f2bad4 100644 --- a/src/lib/components/Footer.svelte +++ b/src/lib/components/Footer.svelte @@ -97,10 +97,12 @@ }; -