From 4e393dd5e92a28d91e49affb9437687ac8de3817 Mon Sep 17 00:00:00 2001 From: kevin Date: Tue, 10 Mar 2026 10:40:46 +0100 Subject: [PATCH] fix: reduce style loading flash --- assets/css/main.css | 12 +- assets/css/malio.css | 4 - layouts/default.vue | 141 ++++---- nuxt.config.ts | 12 + package-lock.json | 786 ++++++++++++++++++++++++++++++++++++++++++- package.json | 1 + 6 files changed, 876 insertions(+), 80 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 3953ce3..1a04409 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -20,14 +20,18 @@ --font-mono: "JetBrains Mono", "Fira Code", monospace; } -@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap'); - @layer base { + html { + background: rgb(var(--m-bg)); + color-scheme: dark; + } + * { box-sizing: border-box; } body { + min-height: 100vh; font-family: var(--font-display); background: rgb(var(--m-bg)); color: rgb(var(--m-text)); @@ -35,6 +39,10 @@ -moz-osx-font-smoothing: grayscale; transition: background-color 0.4s ease, color 0.4s ease; } + + img { + display: block; + } } @layer utilities { diff --git a/assets/css/malio.css b/assets/css/malio.css index 17bb136..7fd3e24 100644 --- a/assets/css/malio.css +++ b/assets/css/malio.css @@ -1,7 +1,3 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - @layer base { :root { --m-primary: 15 20 40; diff --git a/layouts/default.vue b/layouts/default.vue index f29d0d0..2fc52da 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -4,50 +4,48 @@