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)} onChange={(e) => setSearchQuery(e.target.value)}
/> />
<Box mt={30}> <Box mt={30}>
<Box bg={tema.get().bgTotalKegiatan} style={{ <Box>
borderRadius: 10,
padding: 20
}} h={"100vh"}>
{loading ? {loading ?
Array(6) Array(6)
.fill(null) .fill(null)
.map((_, i) => ( .map((_, i) => (
<Box key={i} mb={10}> <Box key={i} mb={20}>
<Grid > <Skeleton height={100} width={"100%"} radius={10} />
<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> </Box>
)) ))
: :
@@ -95,7 +77,10 @@ export default function HistoryDivisionCalender() {
: :
isData.map((v, i) => { isData.map((v, i) => {
return ( return (
<Grid key={i} <Box bg={tema.get().bgTotalKegiatan} style={{
borderRadius: 10,
}} mb={20} p={20} key={i}>
<Grid
style={{ style={{
alignContent: 'flex-start', alignContent: 'flex-start',
alignItems: 'flex-start', alignItems: 'flex-start',
@@ -134,6 +119,7 @@ export default function HistoryDivisionCalender() {
})} })}
</Grid.Col> </Grid.Col>
</Grid> </Grid>
</Box>
) )
}) })
} }