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

style : update style

Browse Source 
Deskripsi:
- update group
- update home
- update position
- update user profile

No Issue
This commit is contained in:
lukman
2024-09-05 11:14:56 +08:00
parent 36bbe99a5a
commit 7b54be072c
9 changed files with 148 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/module/position/ui/drawer_detail_position.tsx
View File

@@ -150,8 +150,8 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
</SimpleGrid>
</Stack>
<LayoutDrawer opened={openDrawerGroup} onClose={() => setOpenDrawerGroup(false)} title={'Edit Jabatan'} size="lg">
<Box pt={10} pos={"relative"} h={"70vh"}>
<LayoutDrawer opened={openDrawerGroup} onClose={() => setOpenDrawerGroup(false)} title={'Edit Jabatan'} >
<Box pt={10} pos={"relative"} h={"28.5vh"}>
{loading ?
<Box>
<Skeleton height={40} mt={6} radius={10} />
@@ -159,40 +159,6 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
</Box>
:
<Box>
{/* <Select
label="Grup"
placeholder="Pilih grup"
size="md"
radius={10}
data={
listGroup
? listGroup.map((data) => ({
value: data.id,
label: data.name,
}))
: []
}
value={String(data.idGroup)}
mb={5}
onChange={(val) => {
setData({ ...data, idGroup: val })
setTouched({ ...touched, idGroup: false })
}}
withAsterisk
styles={{
input: {
color: WARNA.biruTua,
borderRadius: WARNA.biruTua,
borderColor: WARNA.biruTua,
},
}}
error={
touched.idGroup && (
data.idGroup == "" ? "Grup Tidak Boleh Kosong" : null
)
}
onBlur={() => setTouched({ ...touched, idGroup: true })}
/> */}
<TextInput
label="Jabatan"
styles={{
@@ -203,7 +169,6 @@ export default function DrawerDetailPosition({ onUpdated, id, isActive }: {
},
}}
required
my={15}
size="md"
value={String(data.name)}
onChange={(e) => {

2
src/module/position/ui/drawer_list_position.tsx
View File

@@ -76,7 +76,7 @@ export default function DrawerListPosition({ onCreated }: { onCreated: (val: boo
<Box>
<Stack pt={10}>
<SimpleGrid
cols={{ base: 3, sm: 3, lg: 3 }}
cols={{ base: 2, sm: 3, lg: 3 }}
onClick={() => setOpenDrawerGroup(true)}
>
<Flex justify={'center'} align={'center'} direction={'column'} >

59
src/module/position/ui/list_position_active.tsx
View File

@@ -1,5 +1,5 @@
import { globalRole, LayoutDrawer, SkeletonSingle, WARNA } from "@/module/_global";
import { ActionIcon, Box, Group, Text, TextInput } from "@mantine/core";
import { ActionIcon, Box, Flex, Grid, Group, Text, TextInput } from "@mantine/core";
import React, { useState } from "react";
import { FaUserTie } from "react-icons/fa6";
import { HiMagnifyingGlass } from "react-icons/hi2";
@@ -97,25 +97,42 @@ export default function ListPositionActive() {
}
}}
>
<Box>
<ActionIcon
variant="light"
bg={"#DCEED8"}
size={50}
radius={100}
aria-label="icon"
>
<FaUserTie color={WARNA.biruTua} size={25} />
</ActionIcon>
</Box>
<Box>
<Text fw={"bold"} c={WARNA.biruTua}>
{v.name}
</Text>
<Text fw={"lighter"} fz={12}>
{v.group}
</Text>
</Box>
<Grid justify='center' align='center' >
<Grid.Col span={{
base: 3,
xl: 2
}}>
<Flex justify={{ base: "center", xl: "flex-start" }}>
<ActionIcon
variant="light"
bg={"#DCEED8"}
size={50}
radius={100}
aria-label="icon"
>
<FaUserTie color={WARNA.biruTua} size={25} />
</ActionIcon>
</Flex>
</Grid.Col>
<Grid.Col span={{
base: 9,
xl: 10
}}>
<Box
w={{
base: 220,
xl: 400
}}
>
<Text fw={"bold"} c={WARNA.biruTua} lineClamp={1}>
{v.name}
</Text>
<Text fw={"lighter"} fz={12} lineClamp={1}>
{v.group}
</Text>
</Box>
</Grid.Col>
</Grid>
</Group>
</Box>
);
@@ -126,7 +143,7 @@ export default function ListPositionActive() {
<LayoutDrawer
opened={openDrawer}
onClose={() => setOpenDrawer(false)}
title={isData}
title={<Text lineClamp={1}>{isData}</Text>}
>
<DrawerDetailPosition
id={selectId}