Jum'at, 30 May 2025 :
Yang Sudah Di Kerjakan * Tampilan UI Admin di menu inovasi * API Create, edit dan delete potensi * Tampilan UI Landing Page sudah sesuai di mobile Yang Lagi Dikerjakan: * Progress Tampilan UI Admin Di Menu lingkungan * Progress API Create, edit dan delete potensi Yang Akan Dikerjakan: * API Create, edit dan delete pengumuman * Tampilan UI Admin Di Menu Pendidikan
This commit is contained in:
@@ -10,7 +10,7 @@ function Footer() {
|
||||
return (
|
||||
<>
|
||||
<Stack bg={colors["blue-button"]}>
|
||||
<Box w={mobile ? "100%" : "100%"} p={"xl"} h={{ base: 1850, md: 1100 }} >
|
||||
<Box w={mobile ? "100%" : "100%"} p={"xl"} h={{ base: 2500, md: 1100 }} >
|
||||
<Center>
|
||||
<Paper w={"100%"}>
|
||||
<Box component="footer" py="xl">
|
||||
|
||||
@@ -44,9 +44,9 @@ function DesaAntiKorupsi() {
|
||||
<Stack gap={"0"} bg={colors.Bg} p={"sm"} h={mobile ? 2000 : 1150}>
|
||||
<Container w={{ base: "100%", md: "80%" }} p={"xl"} >
|
||||
<Center>
|
||||
<Text fz={"3.4rem"}>Desa Anti Korupsi</Text>
|
||||
<Text fz={{base: "2.4rem", md: "3.4rem"}}>Desa Anti Korupsi</Text>
|
||||
</Center>
|
||||
<Text ta={"center"} fz={"1.4rem"}>Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola terbuka dengan melibatkan warga mengawasi anggaran, sehingga digunakan tepat sasaran sesuai kebutuhan.</Text>
|
||||
<Text ta={"center"} fz={{base: "1.2rem", md: "1.4rem"}}>Desa antikorupsi mendorong pemerintahan jujur dan transparan. Keuangan desa dikelola terbuka dengan melibatkan warga mengawasi anggaran, sehingga digunakan tepat sasaran sesuai kebutuhan.</Text>
|
||||
<Center py={20}>
|
||||
<Button radius={"lg"} fz={"h4"} bg={colors["blue-button"]} component={Link} href={"/darmasaba/desaantikorupsi"}>Selengkapnya</Button>
|
||||
</Center>
|
||||
@@ -65,13 +65,13 @@ function DesaAntiKorupsi() {
|
||||
<Paper p={"lg"} >
|
||||
<Flex gap={"lg"} justify={"center"} align={"center"}>
|
||||
<Box >
|
||||
<Text fz={"lg"} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Text fz={{base: "1.2rem", md: "lg"}} ta={"center"} c={colors["blue-button"]}>{v.judul}</Text>
|
||||
<Flex justify={"center"} align={"center"}>
|
||||
<Box>
|
||||
{v.icon}
|
||||
</Box>
|
||||
<Box px={20}>
|
||||
<Text fz={"sm"} ta={"justify"}>{v.deskripsi}</Text>
|
||||
<Text fz={"sm"} ta={{base: "left", md: "justify"}}>{v.deskripsi}</Text>
|
||||
</Box>
|
||||
</Flex>
|
||||
</Box>
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
"use client";
|
||||
import { Stack, Container, Center, Text, Paper, Flex, Box, SimpleGrid } from "@mantine/core";
|
||||
import { BarChart, PieChart } from '@mantine/charts';
|
||||
import colors from "@/con/colors";
|
||||
import { BarChart, PieChart } from '@mantine/charts';
|
||||
import { Box, Center, Container, Flex, Paper, SimpleGrid, Stack, Text } from "@mantine/core";
|
||||
import { useMediaQuery } from "@mantine/hooks";
|
||||
|
||||
const dataBarChart = [
|
||||
{
|
||||
@@ -71,13 +72,14 @@ const dataPieChart3 = [
|
||||
]
|
||||
|
||||
function Kepuasan() {
|
||||
const isMobile = useMediaQuery('(max-width: 768px)');
|
||||
return (
|
||||
<Stack p={"sm"}>
|
||||
<Container w={{ base: "100%", md: "80%" }} p={"xl"}>
|
||||
<Center>
|
||||
<Text fz={"3.4rem"}>Indeks Kepuasan Masyarakat</Text>
|
||||
<Text ta={"center"} fz={{base: "2.4rem", md: "3.4rem"}}>Indeks Kepuasan Masyarakat</Text>
|
||||
</Center>
|
||||
<Text fz={"1.4rem"} ta={"center"}>Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!</Text>
|
||||
<Text fz={{base: "1.2rem", md: "1.4rem"}} ta={"center"}>Ukur kebahagiaan warga, tingkatkan layanan desa! Dengan partisipasi aktif masyarakat, kami berkomitmen untuk terus memperbaiki layanan agar lebih transparan, efektif, dan sesuai dengan kebutuhan warga. Kepuasan Anda adalah prioritas utama kami dalam membangun desa yang lebih baik!</Text>
|
||||
</Container>
|
||||
<Box px={"xl"}>
|
||||
<Paper p={"lg"} bg={colors.Bg}>
|
||||
@@ -118,7 +120,7 @@ function Kepuasan() {
|
||||
<Text fw={"bold"}>Jenis Kelamin</Text>
|
||||
<Box py={"xl"}>
|
||||
<PieChart
|
||||
size={250}
|
||||
size={isMobile ? 100 : 220}
|
||||
withLabelsLine
|
||||
labelsPosition="outside"
|
||||
labelsType="percent"
|
||||
@@ -135,7 +137,7 @@ function Kepuasan() {
|
||||
<Text fw={"bold"}>Pilihan</Text>
|
||||
<Box py={"xl"}>
|
||||
<PieChart
|
||||
size={250}
|
||||
size={isMobile ? 100 : 220}
|
||||
withLabelsLine
|
||||
labelsPosition="outside"
|
||||
labelsType="percent"
|
||||
@@ -152,7 +154,7 @@ function Kepuasan() {
|
||||
<Text fw={"bold"}>Umur</Text>
|
||||
<Box py={"xl"}>
|
||||
<PieChart
|
||||
size={250}
|
||||
size={isMobile ? 100 : 220}
|
||||
withLabelsLine
|
||||
labelsPosition="outside"
|
||||
labelsType="percent"
|
||||
|
||||
@@ -5,9 +5,9 @@ import {
|
||||
Card,
|
||||
Flex,
|
||||
Grid,
|
||||
GridCol,
|
||||
Image,
|
||||
Paper,
|
||||
SimpleGrid,
|
||||
Stack,
|
||||
Text
|
||||
} from "@mantine/core";
|
||||
@@ -58,10 +58,9 @@ function LandingPage() {
|
||||
<Grid
|
||||
>
|
||||
<Grid.Col span={{
|
||||
base: 2,
|
||||
sm: 3,
|
||||
base: 3,
|
||||
lg: 2,
|
||||
md: 3,
|
||||
xl: 2
|
||||
}}>
|
||||
<Box
|
||||
pos={"relative"}
|
||||
@@ -88,10 +87,9 @@ function LandingPage() {
|
||||
</Grid.Col>
|
||||
|
||||
<Grid.Col span={{
|
||||
base: 2,
|
||||
sm: 3,
|
||||
base: 6,
|
||||
lg: 2,
|
||||
md: 3,
|
||||
xl: 2
|
||||
}}>
|
||||
<Box
|
||||
pos={"relative"}
|
||||
@@ -118,10 +116,9 @@ function LandingPage() {
|
||||
</Box>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={{
|
||||
base: 8,
|
||||
sm: 12,
|
||||
base: 12,
|
||||
lg: 8,
|
||||
md: 12,
|
||||
xl: 8
|
||||
}}>
|
||||
<Paper
|
||||
pos={"relative"}
|
||||
@@ -130,15 +127,14 @@ function LandingPage() {
|
||||
w={{ base: "100%", sm: "auto", md: "auto" }}
|
||||
flex={{ base: "1", sm: "1", md: "1" }}
|
||||
>
|
||||
<SimpleGrid
|
||||
cols={{
|
||||
base: 2,
|
||||
sm: 1,
|
||||
md: 2,
|
||||
}}
|
||||
spacing={{ base: "xs", md: "md" }}
|
||||
<Grid
|
||||
>
|
||||
<Box>
|
||||
<GridCol span={{
|
||||
base: 12,
|
||||
lg: 6,
|
||||
md: 6,
|
||||
}}>
|
||||
<Box>
|
||||
<Text c={colors["white-1"]} fz={"sm"}>
|
||||
Jadwal Kerja
|
||||
</Text>
|
||||
@@ -168,7 +164,14 @@ function LandingPage() {
|
||||
</Flex>
|
||||
</Paper>
|
||||
</Box>
|
||||
<Box>
|
||||
</GridCol>
|
||||
|
||||
<GridCol span={{
|
||||
base: 12,
|
||||
lg: 6,
|
||||
md: 6,
|
||||
}}>
|
||||
<Box>
|
||||
<Text c={colors["white-1"]} fz={"sm"}>
|
||||
Rabu, 10 Maret 2025
|
||||
</Text>
|
||||
@@ -187,7 +190,8 @@ function LandingPage() {
|
||||
</Box>
|
||||
</Paper>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
</GridCol>
|
||||
</Grid>
|
||||
</Paper>
|
||||
</Grid.Col>
|
||||
|
||||
|
||||
@@ -51,7 +51,7 @@ function Penghargaan() {
|
||||
<Text fz={"1.4rem"} c={"white"}>
|
||||
Juara 2 Duta Investasi
|
||||
</Text>
|
||||
<Text fz={"1.4rem"} c={"white"}>
|
||||
<Text fz={"1.2rem"} c={"white"}>
|
||||
Juara Favorit Lomba Video Pendek
|
||||
</Text>
|
||||
</Stack>
|
||||
|
||||
Reference in New Issue
Block a user