mirrors/pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-02-12 16:45:14 +00:00
Code Activity

feat: modernize ui (#381)

Browse Source 
Co-authored-by: Elias Schneider <login@eliasschneider.com>
This commit is contained in:
Kyle Mendell
2025-03-30 13:19:14 -05:00
committed by GitHub
parent 5dcf69e974
commit 9881a1df9e
28 changed files with 847 additions and 512 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/lib/components/ui/card/card-content.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import type { HTMLAttributes } from 'svelte/elements';
import { cn } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLDivElement>;
@@ -8,6 +8,6 @@
export { className as class };
</script>
<div class={cn('p-6 pt-0', className)} {...$$restProps}>
<div class={cn('bg-muted/20 p-6 pt-5 peer-[.card-header]:border-t', className)} {...$$restProps}>
<slot />
</div>

2
frontend/src/lib/components/ui/card/card-description.svelte
View File

@@ -8,6 +8,6 @@
export { className as class };
</script>
<p class={cn('text-sm text-muted-foreground mt-1', className)} {...$$restProps}>
<p class={cn('text-muted-foreground mt-1 text-sm', className)} {...$$restProps}>
<slot />
</p>

4
frontend/src/lib/components/ui/card/card-header.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import type { HTMLAttributes } from 'svelte/elements';
import { cn } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLDivElement>;
@@ -8,6 +8,6 @@
export { className as class };
</script>
<div class={cn('flex flex-col space-y-1.5 p-6', className)} {...$$restProps}>
<div class={cn('card-header peer flex flex-col space-y-1.5 p-6', className)} {...$$restProps}>
<slot />
</div>

2
frontend/src/lib/components/ui/card/card-title.svelte
View File

@@ -14,7 +14,7 @@
<svelte:element
this={tag}
class={cn('text-xl font-semibold leading-none tracking-tight', className)}
class={cn('flex items-center gap-2 text-xl font-semibold leading-none tracking-tight', className)}
{...$$restProps}
>
<slot />

2
frontend/src/lib/components/ui/card/card.svelte
View File

@@ -9,7 +9,7 @@
</script>
<div
class={cn('rounded-lg border bg-card text-card-foreground shadow-sm', className)}
class={cn('bg-card text-card-foreground overflow-hidden rounded-lg border shadow-sm', className)}
{...$$restProps}
>
<slot />