From c90030075c7cd73e516c96524b18305b45fbf7d0 Mon Sep 17 00:00:00 2001 From: schreifuchs Date: Tue, 21 Oct 2025 13:16:22 +0200 Subject: [PATCH] feat: look nice --- src/app.css | 20 ++++++++--------- src/app.html | 2 +- src/lib/artefact.remote.ts | 6 ++--- src/lib/components/Artefact.svelte | 30 +++++++++++++------------ src/lib/components/ArtefactsView.svelte | 6 ++--- src/routes/+layout.svelte | 13 ++++++----- src/routes/+page.svelte | 13 ++++++----- 7 files changed, 48 insertions(+), 42 deletions(-) diff --git a/src/app.css b/src/app.css index f2046e3..87d2b3d 100644 --- a/src/app.css +++ b/src/app.css @@ -7,16 +7,16 @@ @custom-variant dark (&:where(.dark, .dark *)); @theme { - --color-primary-50: #fff5f2; - --color-primary-100: #fff1ee; - --color-primary-200: #ffe4de; - --color-primary-300: #ffd5cc; - --color-primary-400: #ffbcad; - --color-primary-500: #fe795d; - --color-primary-600: #ef562f; - --color-primary-700: #eb4f27; - --color-primary-800: #cc4522; - --color-primary-900: #a5371b; + --color-primary-50: #f0f4f7; + --color-primary-100: #dfe4e9; + --color-primary-200: #acb4bd; + --color-primary-300: #828e9a; + --color-primary-400: #596978; + --color-primary-500: #46596b; + --color-primary-600: #2f4356; + --color-primary-700: #263645; + --color-primary-800: #1c2834; + --color-primary-900: #131b22; --color-secondary-50: #f0f9ff; --color-secondary-100: #e0f2fe; diff --git a/src/app.html b/src/app.html index f273cc5..fb58138 100644 --- a/src/app.html +++ b/src/app.html @@ -1,5 +1,5 @@ - + diff --git a/src/lib/artefact.remote.ts b/src/lib/artefact.remote.ts index 2d15f54..03876ac 100644 --- a/src/lib/artefact.remote.ts +++ b/src/lib/artefact.remote.ts @@ -13,10 +13,10 @@ export const getArtefacts = query( if (tags.length == 0) return a; return a.filter((a) => { - for (const tag of a.tags) { - if (tags.includes(tag)) return true; + for (const tag of tags) { + if (!a.tags.includes(tag)) return false; } - return false; + return true; }); } ); diff --git a/src/lib/components/Artefact.svelte b/src/lib/components/Artefact.svelte index 6583c51..d22ba6c 100644 --- a/src/lib/components/Artefact.svelte +++ b/src/lib/components/Artefact.svelte @@ -25,15 +25,15 @@ function getStatusColor(status: Status): string { switch (status) { case 'Fehlt': - return 'bg-red-500'; // Missing + return 'bg-red-600 text-white'; // Missing case 'In Bearbeitung': - return 'bg-yellow-400'; // In progress + return 'bg-yellow-400 text-black'; // In progress case 'Erledigt': - return 'bg-green-500'; // Done + return 'bg-green-600 text-white'; // Done case 'Geprüft': - return 'bg-green-800'; // Checked + return 'bg-green-800 text-white'; // Checked default: - return 'bg-red-500'; // Fallback + return 'bg-red-500 text-white'; // Fallback } } function tagParts(tag: string): string[] { @@ -45,8 +45,8 @@ } - -

{artefact.title}

+ +

{artefact.title}

{#each artefact.tags as tag} +
+

+ {artefact.status} +

+ +
diff --git a/src/lib/components/ArtefactsView.svelte b/src/lib/components/ArtefactsView.svelte index a134bee..e1dc700 100644 --- a/src/lib/components/ArtefactsView.svelte +++ b/src/lib/components/ArtefactsView.svelte @@ -2,7 +2,7 @@ import { getArtefacts } from '$lib/artefact.remote'; import Artefact from '$lib/components/Artefact.svelte'; import { Button, Input } from 'flowbite-svelte'; - import { TrashBinOutline } from 'flowbite-svelte-icons'; + import { PlusOutline, TrashBinOutline } from 'flowbite-svelte-icons'; let { view }: { view: string } = $props(); @@ -17,7 +17,7 @@ color="red" onclick={() => { tags = tags.filter((t) => t != tag); - }}> {/each} @@ -25,7 +25,7 @@ onclick={() => { tags.push(newTag); newTag = ''; - }}>+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 2dcad6f..565051f 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -2,15 +2,18 @@ import { views } from '$lib/artefact'; import { state } from '$lib/view.svelte'; import '../app.css'; - import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, Select } from 'flowbite-svelte'; + import { Navbar, NavBrand, NavLi, NavUl, NavHamburger, Select, Label } from 'flowbite-svelte'; let { children } = $props(); $inspect(state.view); - + + Repo Mod + + - + Repo Mod @@ -29,7 +32,7 @@ }))} /> - + Projekte @@ -37,6 +40,6 @@ -
+
{@render children?.()}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 389a88b..aac0b07 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,13 +5,14 @@
{#each state.projects as project (project.uuid)} - +

{project.name}

- -

- {project.status}% -

- +
+

+ {project.status}% +

+ +
{/each}