Refactor card components for improved layout consistency
- 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:
@@ -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">
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user