denozord/telemt-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/fleet/fleet-overview-charts.svelte
+2 -2
View File
@@ -140,7 +140,7 @@
</script> </script>
<div class="mb-6 grid gap-4 lg:grid-cols-2"> <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="border-b border-border bg-muted/40 px-4 py-3">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground"> <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> <canvas bind:this={elDonut} class="max-h-full w-full"></canvas>
</Card.Content> </Card.Content>
</Card.Root> </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="border-b border-border bg-muted/40 px-4 py-3">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<div class="flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground"> <div class="flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground">
web/src/lib/components/kpi-panel-card.svelte
+1 -1
View File
@@ -26,7 +26,7 @@
} = $props(); } = $props();
</script> </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)}> <Card.Header class={cn(headerClass)}>
<div class="flex gap-3"> <div class="flex gap-3">
<div <div
web/src/lib/components/kpi-stat-card.svelte
+1 -1
View File
@@ -25,7 +25,7 @@
} = $props(); } = $props();
</script> </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"> <Card.Header class="pb-2">
<div class="flex gap-3"> <div class="flex gap-3">
<div <div
web/src/lib/components/kpi-trend-card.svelte
+1 -1
View File
@@ -62,7 +62,7 @@
<Card.Root <Card.Root
class={cn( 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 className
)} )}
> >