From 52c1739149edd9af038806ae0e5bfcbbf0d4a0f1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Veikko=20Lintuj=C3=A4rvi?= Date: Tue, 24 Feb 2026 21:07:04 +0200 Subject: [PATCH] First custom design layout --- ui/public/favicon.svg | 105 ++++++---------------------------- ui/src/app.css | 9 ++- ui/src/components/Counter.tsx | 2 +- ui/src/components/Error.tsx | 8 +-- ui/src/components/Nav.tsx | 16 +++--- ui/src/routes/[...404].tsx | 2 +- ui/src/routes/about.tsx | 2 +- ui/src/routes/login.tsx | 8 +-- 8 files changed, 44 insertions(+), 108 deletions(-) diff --git a/ui/public/favicon.svg b/ui/public/favicon.svg index e9a615c..c473ff3 100644 --- a/ui/public/favicon.svg +++ b/ui/public/favicon.svg @@ -1,92 +1,23 @@ - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + \ No newline at end of file diff --git a/ui/src/app.css b/ui/src/app.css index 591cb19..5ad78c2 100644 --- a/ui/src/app.css +++ b/ui/src/app.css @@ -1,15 +1,20 @@ +@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap"); @import "tailwindcss"; +:root { + font-family: "Manrope", "Avenir Next", "Segoe UI", sans-serif; +} + #app { user-select: none; } main { - @apply flex flex-col items-center justify-center min-h-screen bg-gray-50 gap-8 px-4; + @apply flex flex-col items-center justify-center min-h-screen bg-[#EED5B8] text-[#4C250E] gap-8 px-4; } h1 { - @apply uppercase text-6xl text-sky-700 font-thin; + @apply uppercase text-6xl text-[#8E4F24] font-thin; } button { diff --git a/ui/src/components/Counter.tsx b/ui/src/components/Counter.tsx index 112e574..0398158 100644 --- a/ui/src/components/Counter.tsx +++ b/ui/src/components/Counter.tsx @@ -6,7 +6,7 @@ export default function Counter() { return (
- {t("error.title")} -

{msg}

+ {t("error.title")} +

{msg}

diff --git a/ui/src/components/Nav.tsx b/ui/src/components/Nav.tsx index b848d66..12607ef 100644 --- a/ui/src/components/Nav.tsx +++ b/ui/src/components/Nav.tsx @@ -9,27 +9,27 @@ export default function Nav() { const isAbout = useMatch(() => "/about"); return ( -