From 474187899f0312296c5c5c1a4c07316a5a6828a7 Mon Sep 17 00:00:00 2001
From: Chaoscaot <chaos@chaoscaot.de>
Date: Fri, 1 Mar 2024 21:45:50 +0100
Subject: [PATCH] Add Table Styles

---
 src/components/FightTable.svelte        |  4 +--
 src/components/GroupTable.svelte        |  1 +
 src/components/admin/pages/Home.svelte  |  6 ++--
 src/pages/[...slug].astro               |  1 +
 src/pages/announcements/[...slug].astro |  5 +---
 src/pages/dashboard.astro               |  2 +-
 src/styles/table.css                    | 37 +++++++++++++++++++++++++
 7 files changed, 44 insertions(+), 12 deletions(-)
 create mode 100644 src/styles/table.css

diff --git a/src/components/FightTable.svelte b/src/components/FightTable.svelte
index fbff8b4..d191908 100644
--- a/src/components/FightTable.svelte
+++ b/src/components/FightTable.svelte
@@ -21,6 +21,7 @@
     import {window} from "./util.ts";
     import {astroI18n, t} from "astro-i18n";
     import type {EventFight, ExtendedEvent} from "@type/event";
+    import "@styles/table.css";
 
     export let event: ExtendedEvent;
     export let group: string;
@@ -67,9 +68,6 @@
 </div>
 
 <style lang="scss">
-  table {
-    @apply w-full;
-  }
   div {
     @apply p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto;
   }
diff --git a/src/components/GroupTable.svelte b/src/components/GroupTable.svelte
index 3edb0bf..115550d 100644
--- a/src/components/GroupTable.svelte
+++ b/src/components/GroupTable.svelte
@@ -21,6 +21,7 @@
     import {window} from "./util.ts";
     import {t} from "astro-i18n";
     import type {ExtendedEvent} from "@type/event.ts";
+    import "@styles/table.css"
 
     export let event: ExtendedEvent;
     export let group: string;
diff --git a/src/components/admin/pages/Home.svelte b/src/components/admin/pages/Home.svelte
index 7989ce8..b348ecb 100644
--- a/src/components/admin/pages/Home.svelte
+++ b/src/components/admin/pages/Home.svelte
@@ -18,13 +18,11 @@
   -->
 
 <script lang="ts">
-    import {Button, Modal, Navbar, NavBrand, NavHamburger, NavLi, NavUl, Spinner} from "flowbite-svelte";
-    import {replace} from "svelte-spa-router";
+    import {Button, Navbar, NavBrand, NavHamburger, NavLi, NavUl, Spinner} from "flowbite-svelte";
     import {PlusSolid} from "flowbite-svelte-icons";
     import EventCard from "./home/EventCard.svelte";
     import CreateEventModal from "./home/CreateEventModal.svelte";
     import {eventRepo} from "@repo/event.ts";
-    import {tokenStore} from "@repo/repo.ts";
 
     let events = $eventRepo.listEvents();
     let showAdd = false;
@@ -32,7 +30,7 @@
 </script>
 
 <Navbar let:hidden let:toggle class="shadow-lg border-b">
-    <NavBrand href="#">
+    <NavBrand href="/">
         <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
           Mod-Tool
         </span>
diff --git a/src/pages/[...slug].astro b/src/pages/[...slug].astro
index 152623f..6b285d9 100644
--- a/src/pages/[...slug].astro
+++ b/src/pages/[...slug].astro
@@ -3,6 +3,7 @@ import {getCollection} from "astro:content";
 import {astroI18n, createGetStaticPaths} from "astro-i18n";
 import PageLayout from "../layouts/PageLayout.astro";
 import LanguageWarning from "../components/LanguageWarning.astro";
+import "@styles/table.css";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
     let posts = await getCollection("pages", value => value.id.split("/")[0] === astroI18n.locale);
diff --git a/src/pages/announcements/[...slug].astro b/src/pages/announcements/[...slug].astro
index 24c9022..28c5ef0 100644
--- a/src/pages/announcements/[...slug].astro
+++ b/src/pages/announcements/[...slug].astro
@@ -8,6 +8,7 @@ import LanguageWarning from "@components/LanguageWarning.astro";
 import {SEO} from "astro-seo";
 import localBau from "@images/2022-03-28_13.18.25.png";
 import {getImage, Image} from "astro:assets";
+import "@styles/table.css";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
     const posts = await getCollection("announcements", entry => entry.id.split("/")[0] === astroI18n.locale);
@@ -165,10 +166,6 @@ const ogImage = await getImage({
             display: contents;
         }
 
-        > * {
-            all: revert;
-        }
-
         code {
             @apply dark:text-neutral-400 text-neutral-800;
         }
diff --git a/src/pages/dashboard.astro b/src/pages/dashboard.astro
index 1315fcb..2a66748 100644
--- a/src/pages/dashboard.astro
+++ b/src/pages/dashboard.astro
@@ -17,5 +17,5 @@ import {t} from "astro-i18n";
             }
         });
     </script>
-    <Dashboard client:only="svelte"/>
+    <Dashboard client:only="svelte" />
 </PageLayout>
\ No newline at end of file
diff --git a/src/styles/table.css b/src/styles/table.css
new file mode 100644
index 0000000..575034e
--- /dev/null
+++ b/src/styles/table.css
@@ -0,0 +1,37 @@
+/*
+ *   This file is a part of the SteamWar software.
+ *
+ *   Copyright (C) 2024 SteamWar.de-Serverteam
+ *
+ *   This program is free software: you can redistribute it and/or modify
+ *   it under the terms of the GNU Affero General Public License as published by
+ *   the Free Software Foundation, either version 3 of the License, or
+ *   (at your option) any later version.
+ *
+ *   This program is distributed in the hope that it will be useful,
+ *   but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ *   GNU Affero General Public License for more details.
+ *
+ *   You should have received a copy of the GNU Affero General Public License
+ *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+table {
+    @apply w-full rounded-2xl shadow-lg overflow-clip;
+
+    :not(:has([data-no-head])) {
+    }
+
+    thead {
+        border-bottom: 1px solid white;
+    }
+
+    tbody {
+        text-align: center;
+
+        tr:nth-child(odd) {
+            @apply bg-neutral-800;
+        }
+    }
+}