Merge pull request #264 from bipproduction/lukman/26-september-2024

style : update style
This commit is contained in:
Amalia
2024-09-26 17:11:05 +08:00
committed by GitHub

View File

@@ -59,31 +59,13 @@ export default function HistoryDivisionCalender() {
onChange={(e) => setSearchQuery(e.target.value)}
/>
<Box mt={30}>
<Box bg={tema.get().bgTotalKegiatan} style={{
borderRadius: 10,
padding: 20
}} h={"100vh"}>
<Box>
{loading ?
Array(6)
.fill(null)
.map((_, i) => (
<Box key={i} mb={10}>
<Grid >
<Grid.Col span={2}>
<Flex justify={"center"} direction={'column'}>
<Skeleton height={30} width={"100%"} radius={"md"} />
<Skeleton height={20} width={"100%"} radius={"md"} mt={10} />
</Flex>
</Grid.Col>
<Grid.Col span={'auto'}>
{[...Array(1)].map((_, x) => (
<Box mb={10} key={x}>
<Skeleton height={20} width={"100%"} radius={"md"} />
<Skeleton height={20} width={"100%"} radius={"md"} mt={10} />
</Box>
))}
</Grid.Col>
</Grid>
<Box key={i} mb={20}>
<Skeleton height={100} width={"100%"} radius={10} />
</Box>
))
:
@@ -95,7 +77,10 @@ export default function HistoryDivisionCalender() {
:
isData.map((v, i) => {
return (
<Grid key={i}
<Box bg={tema.get().bgTotalKegiatan} style={{
borderRadius: 10,
}} mb={20} p={20} key={i}>
<Grid
style={{
alignContent: 'flex-start',
alignItems: 'flex-start',
@@ -134,6 +119,7 @@ export default function HistoryDivisionCalender() {
})}
</Grid.Col>
</Grid>
</Box>
)
})
}