nicoarya20/dashboard-noc-desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Konsisten Warna Bg 2

Browse Source
This commit is contained in:
nico
2026-03-25 17:02:18 +08:00
parent 366c08fbaa
commit 519a14adaa
4 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/umkm/produk-unggulan.tsx
View File

@@ -15,11 +15,11 @@ const MetricCard = ({ title, value, trend }: MetricCardProps) => {
return (
<Group justify="space-between" align="center">
<Text size="sm" c={dark ? "dark.3" : "dimmed"} fw={500}>
<Text size="sm" c={dark ? "white" : "dimmed"} fw={500}>
{title}
</Text>
<Stack gap={0} align="flex-end">
<Text size="lg" fw={700} c={dark ? "dark.0" : "#1e3a5f"}>
<Text size="lg" fw={700} c={dark ? "white" : "#1e3a5f"}>
{value}
</Text>
{trend && (

2
src/components/umkm/sales-table.tsx
View File

@@ -209,7 +209,7 @@ export const SalesTable = ({ data, onDetailClick }: SalesTableProps) => {
</Text>
</Table.Td>
<Table.Td>
<Text size="sm" c={dark ? "dark.3" : "dimmed"}>
<Text size="sm" c={dark ? "white" : "dimmed"}>
{formatCurrency(product.bulanLalu)}
</Text>
</Table.Td>

6
src/components/umkm/summary-cards.tsx
View File

@@ -55,7 +55,11 @@ const KpiCard = ({
withBorder
shadow="sm"
bg={dark ? "#1E293B" : "white"}
style={{ borderColor: dark ? "#141D34" : "#e5e7eb" }}
style={{
borderColor: dark ? "#334155" : "white",
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
transition: "transform 0.15s ease, box-shadow 0.15s ease",
}}
>
<Group justify="space-between" align="center">
<Stack gap={2}>

10
src/components/umkm/top-products.tsx
View File

@@ -105,20 +105,20 @@ export const TopProducts = ({ products }: TopProductsProps) => {
{product.rank}
</Badge>
<Stack gap={0}>
<Text fw={600} c={dark ? "dark.0" : "#1e3a5f"}>
<Text fw={600} c={dark ? "white" : "#1e3a5f"}>
{product.name}
</Text>
<Text size="sm" c={dark ? "dark.3" : "dimmed"}>
<Text size="sm" c={dark ? "white" : "dimmed"}>
{product.umkmName}
</Text>
<Group gap="xs" mt={2}>
<Text size="xs" c={dark ? "dark.4" : "gray.6"}>
<Text size="xs" c={dark ? "white" : "gray.6"}>
Rp {formatCurrency(product.revenue)}
</Text>
<Text size="xs" c={dark ? "dark.4" : "gray.6"}>
<Text size="xs" c={dark ? "white" : "gray.6"}>
•
</Text>
<Text size="xs" c={dark ? "dark.4" : "gray.6"}>
<Text size="xs" c={dark ? "white" : "gray.6"}>
{formatNumber(product.quantitySold)} terjual
</Text>
</Group>