Denozordec
c263fd5c7e
CI / changes (push) Successful in 7s
CI / openapi (push) Has been skipped
CI / web (push) Successful in 29s
CI / go (push) Has been skipped
CI / docker-web (push) Successful in 1m22s
CI / docker-bird (push) Has been skipped
CI / bird2 (push) Has been skipped
CI / docker-go (push) Has been skipped
- Standardized formatting in various Svelte components for better readability. - Updated README.md and .prettierrc for consistent styling and improved documentation. - Refactored class attributes in UI components to enhance clarity and maintainability. - Adjusted layout files to ensure proper alignment and spacing in the application interface.
39 lines
1017 B
Svelte
39 lines
1017 B
Svelte
<script lang="ts">
|
|
import type { Snippet } from 'svelte';
|
|
import { cn } from '$lib/utils.js';
|
|
|
|
type Props = {
|
|
title?: string;
|
|
description?: string;
|
|
actions?: Snippet;
|
|
mobileNav?: Snippet;
|
|
class?: string;
|
|
};
|
|
|
|
let { title, description, actions, mobileNav, class: className }: Props = $props();
|
|
</script>
|
|
|
|
<header
|
|
class={cn(
|
|
'sticky top-0 z-30 flex flex-col gap-3 border-b border-border bg-background/95 px-4 py-3 backdrop-blur supports-[backdrop-filter]:bg-background/60 md:px-6',
|
|
className
|
|
)}
|
|
>
|
|
<div class="flex items-start gap-3">
|
|
{#if mobileNav}
|
|
<div class="shrink-0 pt-0.5 md:hidden">{@render mobileNav()}</div>
|
|
{/if}
|
|
<div class="min-w-0 flex-1">
|
|
{#if title}
|
|
<h1 class="text-lg font-semibold tracking-tight md:text-xl">{title}</h1>
|
|
{/if}
|
|
{#if description}
|
|
<p class="mt-0.5 text-sm text-muted-foreground">{description}</p>
|
|
{/if}
|
|
</div>
|
|
{#if actions}
|
|
<div class="flex shrink-0 flex-wrap items-center gap-2">{@render actions()}</div>
|
|
{/if}
|
|
</div>
|
|
</header>
|