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

style : update ui

Browse Source 
Deskripsi:
- update announcement
- update division
- update home
- update project
- update home

No Issue
This commit is contained in:
lukman
2024-09-03 14:28:17 +08:00
parent 21cfa509f4
commit bc9eb2fc1d
14 changed files with 338 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/module/announcement/ui/detail_announcement.tsx
View File

@@ -1,5 +1,5 @@
"use client"
import { ActionIcon, Box, Flex, Grid, Group, List, Skeleton, Spoiler, Stack, Text } from "@mantine/core";
import { ActionIcon, Box, Center, Flex, Grid, Group, List, Skeleton, Spoiler, Stack, Text } from "@mantine/core";
import { useShallowEffect } from "@mantine/hooks";
import { useState } from "react";
import { BsCardText } from "react-icons/bs";
@@ -78,15 +78,25 @@ export default function DetailAnnouncement({ id }: { id: string }) {
</Stack>
:
<Stack>
<Group>
<TfiAnnouncement size={25} />
<Text fw={'bold'}>{isData?.title}</Text>
</Group>
<Grid gutter={'md'}>
<Grid.Col span={1}>
<BsCardText size={25} />
<Grid.Col span={2}>
<Center>
<TfiAnnouncement size={30} />
</Center>
</Grid.Col>
<Grid.Col span={11}>
<Grid.Col span={10}>
<Spoiler maxHeight={100} showLabel="Lebih banyak" hideLabel="Lebih sedikit">
<Text fw={'bold'}>{isData?.title}</Text>
</Spoiler>
</Grid.Col>
</Grid>
<Grid gutter={'md'}>
<Grid.Col span={2}>
<Center>
<BsCardText size={30} />
</Center>
</Grid.Col>
<Grid.Col span={10}>
<Spoiler maxHeight={100} showLabel="Lebih banyak" hideLabel="Lebih sedikit">
<Text>{isData?.desc}</Text>
</Spoiler>
@@ -108,10 +118,12 @@ export default function DetailAnnouncement({ id }: { id: string }) {
return (
<Box key={i} mb={10}>
<Text>{isMember[v]?.[0].group}</Text>
<List>
<List ml={10}>
{
isMember[v].map((item: any, x: any) => {
return <List.Item key={x}>{item.division}</List.Item>
return <List.Item key={x}>
<Text lineClamp={1}>{item.division}</Text>
</List.Item>
})
}
</List>