From cebf38eaf314a25cb0e9d22d54ee3f8ffdb190d9 Mon Sep 17 00:00:00 2001 From: Guz013 <43732358+Guz013@users.noreply.github.com> Date: Tue, 6 Jun 2023 11:05:31 -0300 Subject: [PATCH] =?UTF-8?q?refactor:=20=E2=99=BB=EF=B8=8F=20=F0=9F=93=B1?= =?UTF-8?q?=20better=20responsive=20design?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app.html | 20 +++++++++++--------- src/app.scss | 7 +++++++ src/routes/+layout.svelte | 6 +----- src/routes/+page.svelte | 13 +++++++------ unocss.config.ts | 2 +- 5 files changed, 27 insertions(+), 21 deletions(-) diff --git a/src/app.html b/src/app.html index 76a0162..2f1c8a7 100644 --- a/src/app.html +++ b/src/app.html @@ -1,12 +1,14 @@ - - - - - %sveltekit.head% - - -
%sveltekit.body%
- + + + + + + %sveltekit.head% + + + + %sveltekit.body% + diff --git a/src/app.scss b/src/app.scss index 1ac664a..5bf58b3 100644 --- a/src/app.scss +++ b/src/app.scss @@ -1,4 +1,10 @@ body { + @apply min-h-100vh m-0 grid; + + &.dark-theme { + @apply bg-[#020202]; + } + @keyframes fade-in { from { opacity: 0; @@ -36,6 +42,7 @@ body { } footer { + @apply h-10vh; --stagger: 15; } } diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 1574f80..3528401 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -9,11 +9,9 @@
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index dd6666b..6d67776 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -2,7 +2,7 @@ import socials from '$lib/data/socials.json'; -
+

Someone who's trying to improve

Hello world! I am ~~Gustavo L. de Mello~~ Guz, a software developer and @@ -28,11 +28,12 @@ Find or support me and my projects on -
+
{#each socials as socialsGroup}
    @@ -64,8 +65,8 @@
    Guz013 Logo
    diff --git a/unocss.config.ts b/unocss.config.ts index 1c83098..f6f99cc 100644 --- a/unocss.config.ts +++ b/unocss.config.ts @@ -19,7 +19,7 @@ export default defineConfig({ ...socials.flat().map(social => `i-custom:${social.name.toLowerCase()}`, ), - `grid-cols-${socials.length}`, + `lg:grid-cols-${socials.length}`, ], include: [ /\.svelte/,