Refactor card components for improved layout consistency
Publish telemt-api gateway Docker image / test (push) Successful in 26s
Publish telemt-api gateway Docker image / build-and-push (push) Successful in 2m21s

- Updated padding and gap settings in the Card component across multiple files to enhance visual alignment and maintain a cohesive appearance.
This commit is contained in:
Denozordec
2026-03-31 19:58:48 +07:00
parent 1c919a636e
commit 4f80a8c0d1
4 changed files with 5 additions and 5 deletions
@@ -140,7 +140,7 @@
</script>
<div class="mb-6 grid gap-4 lg:grid-cols-2">
<Card.Root class="overflow-hidden rounded-lg border border-border shadow-sm">
<Card.Root class="gap-0 py-0 overflow-hidden rounded-lg border border-border shadow-sm">
<div class="border-b border-border bg-muted/40 px-4 py-3">
<div class="flex items-center gap-2">
<div class="flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground">
@@ -156,7 +156,7 @@
<canvas bind:this={elDonut} class="max-h-full w-full"></canvas>
</Card.Content>
</Card.Root>
<Card.Root class="overflow-hidden rounded-lg border border-border shadow-sm">
<Card.Root class="gap-0 py-0 overflow-hidden rounded-lg border border-border shadow-sm">
<div class="border-b border-border bg-muted/40 px-4 py-3">
<div class="flex items-center gap-2">
<div class="flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground">
+1 -1
View File
@@ -26,7 +26,7 @@
} = $props();
</script>
<Card.Root class={cn('border-l-4 shadow-sm', kpiAccent[accent].border, className)}>
<Card.Root class={cn('gap-0 py-0 border-l-4 shadow-sm', kpiAccent[accent].border, className)}>
<Card.Header class={cn(headerClass)}>
<div class="flex gap-3">
<div
+1 -1
View File
@@ -25,7 +25,7 @@
} = $props();
</script>
<Card.Root class={cn('border-l-4 shadow-sm transition-colors', kpiAccent[accent].border, className)}>
<Card.Root class={cn('gap-0 py-0 border-l-4 shadow-sm transition-colors', kpiAccent[accent].border, className)}>
<Card.Header class="pb-2">
<div class="flex gap-3">
<div
+1 -1
View File
@@ -62,7 +62,7 @@
<Card.Root
class={cn(
'border-border bg-card shadow-sm transition-colors dark:bg-card/80',
'gap-0 py-0 border-border bg-card shadow-sm transition-colors dark:bg-card/80',
className
)}
>