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:08:39 +08:00
parent 519a14adaa
commit c6415c5aab
11 changed files with 93 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/help-page.tsx
View File

@@ -159,7 +159,9 @@ const HelpPage = () => {
p="lg"
style={{
textAlign: "center",
borderColor: dark ? "#141D34" : "white",
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",
}}
h="100%"
>
@@ -179,7 +181,11 @@ const HelpPage = () => {
{/* Panduan Memulai */}
<Grid.Col span={{ base: 12, sm: 6, md: 4 }}>
<HelpCard
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
bg={dark ? "#1E293B" : "white"}
icon={<IconBook size={24} color="white" />}
title="Panduan Memulai"
@@ -209,7 +215,11 @@ const HelpPage = () => {
{/* Video Tutorial */}
<Grid.Col span={{ base: 12, sm: 6, md: 4 }}>
<HelpCard
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
bg={dark ? "#1E293B" : "white"}
icon={<IconVideo size={24} color="white" />}
title="Video Tutorial"
@@ -239,7 +249,11 @@ const HelpPage = () => {
{/* FAQ */}
<Grid.Col span={{ base: 12, sm: 6, md: 4 }}>
<HelpCard
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
bg={dark ? "#1E293B" : "white"}
icon={<IconHelpCircle size={24} color="white" />}
title="FAQ"
@@ -271,7 +285,11 @@ const HelpPage = () => {
{/* Hubungi Support */}
<Grid.Col span={{ base: 12, sm: 6, md: 4 }}>
<HelpCard
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
bg={dark ? "#1E293B" : "white"}
icon={<IconHeadphones size={24} color="white" />}
title="Hubungi Support"
@@ -306,7 +324,11 @@ const HelpPage = () => {
{/* Dokumentasi */}
<Grid.Col span={{ base: 12, sm: 6, md: 4 }}>
<HelpCard
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
bg={dark ? "#1E293B" : "white"}
icon={<IconFileText size={24} color="white" />}
title="Dokumentasi"
@@ -338,7 +360,11 @@ const HelpPage = () => {
{/* Jenna - Virtual Assistant */}
<Grid.Col span={{ base: 12, sm: 6, md: 4 }}>
<HelpCard
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
bg={dark ? "#1E293B" : "white"}
icon={<IconMessage size={24} color="white" />}
title="Jenna - Virtual Assistant"

18
src/components/keamanan-page.tsx
View File

@@ -127,7 +127,11 @@ const KeamananPage = () => {
radius="md"
withBorder
bg={dark ? "#1E293B" : "white"}
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
h="100%"
>
<Group justify="space-between" align="center">
@@ -166,7 +170,11 @@ const KeamananPage = () => {
radius="md"
withBorder
bg={dark ? "#1E293B" : "white"}
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
h="100%"
>
<Title order={3} mb="md" c={dark ? "dark.0" : "black"}>
@@ -253,7 +261,11 @@ const KeamananPage = () => {
radius="md"
withBorder
bg={dark ? "#1E293B" : "white"}
style={{ borderColor: dark ? "#141D34" : "white" }}
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",
}}
h="100%"
>
<Stack gap="sm">

6
src/components/sosial/beasiswa.tsx
View File

@@ -38,7 +38,11 @@ export const Beasiswa = ({ data }: BeasiswaProps) => {
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",
}}
h={"100%"}
>
<Group justify="space-between" align="center">

7
src/components/sosial/event-calendar.tsx
View File

@@ -54,7 +54,11 @@ export const EventCalendar = ({ data }: EventCalendarProps) => {
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",
}}
>
<Title order={3} mb="md" c={dark ? "dark.0" : "#1e3a5f"}>
Kalender Event Budaya
@@ -68,7 +72,6 @@ export const EventCalendar = ({ data }: EventCalendarProps) => {
withBorder
bg={dark ? "#263852ff" : "#F1F5F9"}
style={{ borderColor: dark ? "#263852ff" : "#F1F5F9" }}
hoverable
>
<Group justify="space-between" mb="xs">
<Group gap="sm" align="center">

6
src/components/sosial/health-stats.tsx
View File

@@ -38,7 +38,11 @@ export const HealthStats = ({ data }: HealthStatsProps) => {
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",
}}
h={"100%"}
>
<Title order={3} mb="md" c={dark ? "dark.0" : "#1e3a5f"}>

6
src/components/sosial/pendidikan.tsx
View File

@@ -50,7 +50,11 @@ export const Pendidikan = ({ data }: PendidikanProps) => {
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",
}}
>
<Title order={3} mb="md" c={dark ? "dark.0" : "#1e3a5f"}>
Pendidikan

6
src/components/sosial/posyandu-schedule.tsx
View File

@@ -59,7 +59,11 @@ export const PosyanduSchedule = ({ data }: PosyanduScheduleProps) => {
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",
}}
>
<Title order={3} mb="md" c={dark ? "dark.0" : "#1e3a5f"}>
Jadwal Posyandu

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

@@ -44,7 +44,11 @@ const SummaryCard = ({
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}>

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

@@ -78,7 +78,11 @@ export const ProdukUnggulan = ({ data }: ProdukUnggulanProps) => {
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",
}}
>
<Stack gap="lg">
<MetricCard

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

@@ -109,7 +109,11 @@ export const SalesTable = ({ data, onDetailClick }: SalesTableProps) => {
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" mb="md">
<Title order={4} c={dark ? "dark.0" : "#1e3a5f"}>

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

@@ -85,7 +85,11 @@ export const TopProducts = ({ products }: TopProductsProps) => {
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",
}}
>
<Title order={4} mb="md" c={dark ? "dark.0" : "#1e3a5f"}>
Top 3 Produk Terlaris