Add Table Styles

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;
   }

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;

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 {Button, Navbar, NavBrand, NavHamburger, NavLi, NavUl, Spinner} from "flowbite-svelte";
-    import {replace} from "svelte-spa-router";
     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>

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);

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;
         }

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;
+        }
+    }
+}