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

style : update tema

Browse Source 
Deskripsi:
- update global
- update announcement
- update update color palette
- update group
- update home
- update position
- update project
- update member

No Issue
This commit is contained in:
lukman
2024-09-12 17:31:00 +08:00
parent a211e7e4e4
commit cbdaac6319
80 changed files with 870 additions and 568 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/module/_global/components/skeleton_detail_discussion_comment.tsx
View File

@@ -1,6 +1,9 @@
import { useHookstate } from "@hookstate/core";
import { ActionIcon, Box, Divider, Group, Skeleton } from "@mantine/core";
import { TEMA } from "../bin/val_global";
export default function SkeletonDetailDiscussionComment() {
const tema = useHookstate(TEMA)
return (
<>
<Group justify='space-between'>
@@ -8,7 +11,7 @@ export default function SkeletonDetailDiscussionComment() {
<Box>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={50}
radius={100}
aria-label="icon"

5
src/module/_global/components/skeleton_detail_discussion_member.tsx
View File

@@ -1,7 +1,10 @@
import { useHookstate } from '@hookstate/core';
import { ActionIcon, Box, Flex, Group, Skeleton } from '@mantine/core';
import React from 'react';
import { TEMA } from '../bin/val_global';
export default function SkeletonDetailDiscussionMember() {
const tema = useHookstate(TEMA)
return (
<>
<Flex justify="space-between" align="center" mt={20}>
@@ -9,7 +12,7 @@ export default function SkeletonDetailDiscussionMember() {
<Box>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={50}
radius={100}
aria-label="icon"

9
src/module/_global/components/skeleton_detail_list_tugas_task.tsx
View File

@@ -1,7 +1,10 @@
import { useHookstate } from '@hookstate/core';
import { Box, Center, Grid, Group, SimpleGrid, Skeleton } from '@mantine/core';
import React from 'react';
import { TEMA } from '../bin/val_global';
export default function SkeletonDetailListTugasTask() {
const tema = useHookstate(TEMA)
return (
<Grid>
<Grid.Col span={"auto"}>
@@ -13,7 +16,7 @@ export default function SkeletonDetailListTugasTask() {
<Box
style={{
borderRadius: 10,
border: `1px solid ${"#D6D8F6"}`,
border: `1px solid ${tema.get().bgTotalKegiatan}`,
padding: 10,
}}
>
@@ -32,7 +35,7 @@ export default function SkeletonDetailListTugasTask() {
h={45}
style={{
borderRadius: 10,
border: `1px solid ${"#D6D8F6"}`,
border: `1px solid ${tema.get().bgTotalKegiatan}`,
}}
>
<Skeleton ml={5} width={"80%"} height={20} radius={"md"} />
@@ -46,7 +49,7 @@ export default function SkeletonDetailListTugasTask() {
h={45}
style={{
borderRadius: 10,
border: `1px solid ${"#D6D8F6"}`,
border: `1px solid ${tema.get().bgTotalKegiatan}`,
}}
>
<Skeleton ml={5} width={"80%"} height={20} radius={"md"} />

11
src/module/_global/components/skeleton_detail_profile.tsx
View File

@@ -1,14 +1,17 @@
import { useHookstate } from '@hookstate/core';
import { ActionIcon, Box, Group, Skeleton } from '@mantine/core';
import React from 'react';
import { TEMA } from '../bin/val_global';
export default function SkeletonDetailProfile() {
const tema = useHookstate(TEMA)
return (
<Box p={20}>
<Group justify="space-between" grow py={5}>
<Group>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={28}
radius={100}
aria-label="icon"
@@ -27,7 +30,7 @@ export default function SkeletonDetailProfile() {
<Group>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={28}
radius={100}
aria-label="icon"
@@ -46,7 +49,7 @@ export default function SkeletonDetailProfile() {
<Group>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={28}
radius={100}
aria-label="icon"
@@ -65,7 +68,7 @@ export default function SkeletonDetailProfile() {
<Group>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={28}
radius={100}
aria-label="icon"

7
src/module/_global/components/skeleton_single.tsx
View File

@@ -1,13 +1,16 @@
import { useHookstate } from '@hookstate/core';
import { ActionIcon, Box, Group, Skeleton } from '@mantine/core';
import React from 'react';
import { TEMA } from '../bin/val_global';
export default function SkeletonSingle() {
const tema = useHookstate(TEMA)
return (
<Box pt={20}>
<Group
align="center"
style={{
border: `1px solid ${"#DCEED8"}`,
border: `1px solid ${tema.get().bgTotalKegiatan}`,
padding: 10,
borderRadius: 10,
cursor: "pointer",
@@ -16,7 +19,7 @@ export default function SkeletonSingle() {
<Box>
<ActionIcon
variant="light"
bg={"#DCEED8"}
bg={tema.get().bgTotalKegiatan}
size={50}
radius={100}
aria-label="icon"