From d2ee422d6db45b7fe9bfd9624f066736fe8e260a Mon Sep 17 00:00:00 2001 From: Chaoscaot Date: Sat, 28 Mar 2026 15:56:32 +0100 Subject: [PATCH 1/7] Refactor styles and components for improved UI consistency - Updated login page layout by removing unnecessary classes. - Redesigned 404 not found page with new layout and styles. - Enhanced public pages with consistent font styling and hover effects. - Improved ranking page header styling for better readability. - Updated rules page with consistent font and link styles. - Enhanced statistics page header styling. - Refined global CSS variables for better theme consistency. - Updated button styles for improved interaction feedback. - Enhanced table styles for better readability and interaction. - Updated Tailwind configuration to include new font families. --- src/components/BackgroundImage.astro | 2 +- src/components/Card.svelte | 7 +- src/components/FightTable.svelte | 2 +- src/components/GroupTable.svelte | 2 +- src/components/LanguageWarning.astro | 6 +- src/components/Login.svelte | 55 +- src/components/Navbar.svelte | 32 +- src/components/PostComponent.astro | 8 +- src/components/SearchComponent.svelte | 31 +- src/components/TagComponent.astro | 4 +- src/components/event/EventCard.svelte | 2 +- src/layouts/Basic.astro | 9 +- src/layouts/NavbarLayout.astro | 85 ++- src/layouts/PageLayout.astro | 18 +- src/pages/[...slug].astro | 45 +- src/pages/ankuendigungen/[...slug].astro | 16 +- src/pages/downloads.astro | 14 +- src/pages/help/index.astro | 10 +- src/pages/index.astro | 654 +++++++++++++++++------ src/pages/login.astro | 4 +- src/pages/not-found.astro | 37 +- src/pages/publics/[...schem].astro | 2 +- src/pages/publics/[mode].astro | 10 +- src/pages/rangliste/[...gamemode].astro | 2 +- src/pages/regeln/[mode].astro | 29 +- src/pages/regeln/index.astro | 40 +- src/pages/statistiken/fight.astro | 2 +- src/styles/app.css | 104 ++-- src/styles/button.css | 127 ++++- src/styles/table.css | 38 +- tailwind.config.js | 3 +- 31 files changed, 1028 insertions(+), 372 deletions(-) diff --git a/src/components/BackgroundImage.astro b/src/components/BackgroundImage.astro index c33daf9..458f78f 100644 --- a/src/components/BackgroundImage.astro +++ b/src/components/BackgroundImage.astro @@ -5,5 +5,5 @@ import localBau from "@images/90.png"; Bau diff --git a/src/components/Card.svelte b/src/components/Card.svelte index f8838cd..d0a8c23 100644 --- a/src/components/Card.svelte +++ b/src/components/Card.svelte @@ -52,7 +52,7 @@ } let { hoverEffect = true, extraClasses = "", children }: Props = $props(); - let classes = $derived(twMerge("w-72 border-2 border-gray-100 flex flex-col items-center p-8 m-4 rounded-xl shadow-lg bg-zinc-900 dark:border-gray-800 dark:text-gray-100", extraClasses)); + let classes = $derived(twMerge("flex flex-col items-center p-8 m-4 bg-[#0c0c0c] border border-[rgba(255,255,255,0.06)] text-gray-100", extraClasses));
@@ -67,10 +67,13 @@ :global(h1) { @apply text-xl font-bold mt-4; + font-family: "Barlow Condensed", sans-serif; + letter-spacing: 0.06em; } :global(svg) { - @apply transition-transform duration-300 ease-in-out hover:scale-110 hover:drop-shadow-2xl; + color: #f59e0b; + @apply transition-transform duration-300 ease-in-out hover:scale-110; } } diff --git a/src/components/FightTable.svelte b/src/components/FightTable.svelte index fbbe51c..a706088 100644 --- a/src/components/FightTable.svelte +++ b/src/components/FightTable.svelte @@ -44,7 +44,7 @@ } -
+
diff --git a/src/components/GroupTable.svelte b/src/components/GroupTable.svelte index a099290..f9d0a0c 100644 --- a/src/components/GroupTable.svelte +++ b/src/components/GroupTable.svelte @@ -44,7 +44,7 @@ ); -
+
diff --git a/src/components/LanguageWarning.astro b/src/components/LanguageWarning.astro index be1a135..e6936f1 100644 --- a/src/components/LanguageWarning.astro +++ b/src/components/LanguageWarning.astro @@ -2,7 +2,7 @@ import {t} from "astro-i18n"; --- - - {#each window( event.fights.filter((f) => (group === undefined ? true : f.group?.id === group)), rows ) as fights} + {#each window( event.fights.filter((f) => (group === undefined ? true : f.group?.id === group)), rows, ) as fights} {#each fights as fight (fight.id)}
t.id === Number(teamId))!!, points: points, })) - .sort((a, b) => b.points - a.points) + .sort((a, b) => b.points - a.points), ); diff --git a/src/components/LanguageWarning.astro b/src/components/LanguageWarning.astro index e6936f1..7ee560e 100644 --- a/src/components/LanguageWarning.astro +++ b/src/components/LanguageWarning.astro @@ -1,5 +1,5 @@ --- -import {t} from "astro-i18n"; +import { t } from "astro-i18n"; ---