seed kesheatan

seed keamanan

src/app/darmasaba/(pages)/keamanan/tips-keamanan/page.tsx

@@ -91,12 +91,17 @@ function Page() {
               <Paper radius={10} key={k} bg={colors['white-trans-1']}>
                 <Stack gap="xs">
                   <Center p="10">
-                    <Image
-                      src={v.image?.link}
-                      radius={10}
-                      loading="lazy"
-                      alt=""
-                    />
+                    <Box h={200} w="100%" style={{ overflow: 'hidden' }}>
+                      <Image
+                        src={v.image?.link ?? "/no-image.jpg"}
+                        alt={v.judul}
+                        fit="cover"
+                        radius="md"
+                        h="100%"
+                        w="100%"
+                        loading="lazy"
+                      />
+                    </Box>
                   </Center>
                   <Box px="xl">
                     <Box pb="20">

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

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

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

@@ -83,14 +83,17 @@ function Page() {
                 className="hover:scale-[1.02]"
               >
                 <Stack gap="sm">
-                  <Image
-                    src={v.image?.link ?? "/no-image.jpg"}
-                    alt={v.name}
-                    radius="md"
-                    height={160}
-                    fit="cover"
-                    loading="lazy"
-                  />
+                  <Box h={200} w="100%" style={{ overflow: 'hidden' }}>
+                    <Image
+                      src={v.image?.link ?? "/no-image.jpg"}
+                      alt={v.name}
+                      fit="cover"
+                      radius="md"
+                      h="100%"
+                      w="100%"
+                      loading="lazy"
+                    />
+                  </Box>
                   <Group justify="space-between">
                     <Title order={3} fw={600} lineClamp={1}>{v.name}</Title>
                     <Badge color="blue" variant="light" radius="sm" fz="xs">Aktif</Badge>