wibu/desa-darmasaba
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Fix Table Admin Preview Desktop

Browse Source 
Seeder Menu Kesehatan
This commit is contained in:
nico
2026-01-13 11:45:55 +08:00
parent 903dc74cca
commit 184854d273
115 changed files with 1508 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/[id]/page.tsx
View File

@@ -110,7 +110,9 @@ function Page() {
<Title order={2} fw="bold">{state.findUnique.data.mythvsfact?.title}</Title>
<Divider my="xs" />
<Box pb="md">
<Table highlightOnHover withTableBorder withColumnBorders striped>
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false} withTableBorder striped>
<TableThead>
<TableTr>
<TableTh fz={{ base: 'xs', md: 'sm' }} fw="bold">Mitos</TableTh>

8
src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/fasilitas-kesehatan-page/[id]/page.tsx
View File

@@ -226,7 +226,9 @@ function Page() {
<Card radius="xl" p="lg" withBorder>
<Stack gap="md">
<Title order={4}>Dokter & Tenaga Medis</Title>
<Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Dokter">
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false} withTableBorder aria-label="Tabel Dokter">
<TableThead>
<TableTr>
<TableTh>
@@ -301,7 +303,9 @@ function Page() {
<Stack gap="md">
<Title order={3}>Layanan & Tarif</Title>
<Divider />
<Table highlightOnHover withTableBorder withColumnBorders aria-label="Tabel Layanan dan Tarif">
<Table highlightOnHover
layout="fixed" // 🔥 PENTING
withColumnBorders={false} withTableBorder aria-label="Tabel Layanan dan Tarif">
<TableThead>
<TableTr>
<TableTh>

12
src/app/darmasaba/(pages)/kesehatan/kontak-darurat/[id]/page.tsx
View File

@@ -3,7 +3,7 @@ import kontakDarurat from '@/app/admin/(dashboard)/_state/kesehatan/kontak-darur
import colors from '@/con/colors';
import { Box, Button, Group, Image, Paper, Skeleton, Stack, Text, Title } from '@mantine/core';
import { useShallowEffect } from '@mantine/hooks';
import { IconArrowBack, IconBrandWhatsapp } from '@tabler/icons-react';
import { IconArrowBack, IconPhoneCall } from '@tabler/icons-react';
import { useParams, useRouter } from 'next/navigation';
import { useProxy } from 'valtio/utils';
@@ -63,7 +63,7 @@ function Page() {
</Box>
<Box>
<Title order={3}>Whatsapp</Title>
<Title order={3}>Telepon</Title>
<Text fz={{ base: 'sm', md: 'md' }} c={data.whatsapp ? 'black' : 'dimmed'}>
{data.whatsapp || '-'}
</Text>
@@ -97,14 +97,14 @@ function Page() {
<Group>
<Button
variant="light"
leftSection={<IconBrandWhatsapp size={18} />}
leftSection={<IconPhoneCall size={18} />}
component="a"
href={`https://wa.me/${data.whatsapp.replace(/\D/g, '')}`}
href={`tel:${data.whatsapp.replace(/\D/g, '')}`}
target="_blank"
aria-label="Hubungi WhatsApp"
aria-label="Hubungi Telepon"
fz={{ base: 'sm', md: 'md' }}
>
WhatsApp
Telepon
</Button>
</Group>
</Stack>

2
src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx
View File

@@ -139,7 +139,7 @@ function Page() {
}}
>
<Image
src={v.image.link}
src={v.image?.link ?? "/no-image.jpg"}
alt={v.name}
fit="cover"
loading="lazy"

2
src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx
View File

@@ -125,7 +125,7 @@ function Page() {
}}
>
<Image
src={v.image.link}
src={v.image?.link ?? "/no-image.jpg"}
alt={v.name}
fit="cover"
loading="lazy"

2
src/app/darmasaba/(pages)/kesehatan/posyandu/[id]/page.tsx
View File

@@ -77,7 +77,7 @@ export default function DetailPosyanduUser() {
{data.image?.link ? (
<Center>
<Image
src={data.image.link}
src={data.image?.link ?? "/no-image.jpg"}
alt={`Gambar ${data.name}`}
w="100%"
h={300}

2
src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx
View File

@@ -124,7 +124,7 @@ export default function Page() {
</Group>
<Center>
<Image
src={v.image.link}
src={v.image?.link ?? "/no-image.jpg"}
alt={`Gambar ${v.name}`}
radius="md"
w="100%"

2
src/app/darmasaba/(pages)/kesehatan/puskesmas/[id]/page.tsx
View File

@@ -43,7 +43,7 @@ function Page() {
<BackgroundImage
radius="lg"
h={{ base: 260, md: 480 }}
src={data.image.link}
src={data.image?.link ?? "/no-image.jpg"}
style={{ position: 'relative', overflow: 'hidden' }}
>
<Box

2
src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx
View File

@@ -84,7 +84,7 @@ function Page() {
>
<Stack gap="sm">
<Image
src={v.image.link}
src={v.image?.link ?? "/no-image.jpg"}
alt={v.name}
radius="md"
height={160}

4
src/app/darmasaba/_com/ModernNewsNotification.tsx
View File

@@ -311,7 +311,7 @@ export default function ModernNewsNotification({
</Box>
</Paper>
</Box>
<Box visibleFrom="md">
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Paper
style={{
...styles,
@@ -488,7 +488,7 @@ export default function ModernNewsNotification({
)}
</Transition>
</Box>
<Box visibleFrom="md">
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<Transition
mounted={toastVisible && !!currentNews}
transition="slide-right"

2
src/app/darmasaba/_com/Navbar.tsx
View File

@@ -25,7 +25,7 @@ export function Navbar() {
style={{ zIndex: 100 }}
>
{/* Desktop navbar (muncul mulai 992px ke atas) */}
<Box visibleFrom="md">
<Box visibleFrom="md" style={{ overflowX: 'auto' }}>
<NavbarMainMenu listNavbar={navbarListMenu} />
</Box>