klbr/dockhand
1
0
Fork 0
mirror of https://github.com/khoaliber/dockhand.git synced 2026-03-08 21:29:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Jarek Krochmalski
2025-12-28 21:16:03 +01:00
commit 62e3c6439e
552 changed files with 104858 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
routes/dashboard/dashboard-labels.svelte Normal file
View File

@@ -0,0 +1,45 @@
<script lang="ts">
import { getLabelColors } from '$lib/utils/label-colors';
interface Props {
labels?: string[];
compact?: boolean;
unified?: boolean;
}
let { labels = [], compact = false, unified = false }: Props = $props();
</script>
{#if labels && labels.length > 0}
{#if compact}
<div class="flex flex-wrap gap-0.5 pl-6 mt-0.5">
{#each labels as label}
{@const colors = getLabelColors(label)}
<span class="px-1.5 py-0.5 text-[11px] rounded-sm font-medium leading-tight"
style="background-color: {colors.bgColor}; color: {colors.color}">
{label}
</span>
{/each}
</div>
{:else if unified}
<div class="flex flex-wrap gap-0.5 px-4 -mt-0.5 mb-1">
{#each labels as label}
{@const colors = getLabelColors(label)}
<span class="px-1.5 py-0.5 text-[11px] rounded-sm font-medium leading-tight"
style="background-color: {colors.bgColor}; color: {colors.color}">
{label}
</span>
{/each}
</div>
{:else}
<div class="flex flex-wrap gap-0.5 pl-6 pr-4 -mt-8 -mb-4">
{#each labels as label}
{@const colors = getLabelColors(label)}
<span class="px-1.5 py-0.5 text-[11px] rounded-sm font-medium leading-tight"
style="background-color: {colors.bgColor}; color: {colors.color}">
{label}
</span>
{/each}
</div>
{/if}
{/if}