- Merubah Appshell dengan tamplate layout sendiri di module berikut:
- Forum
- Job
- Event
- Voting
## No Issuee
This commit is contained in:
2024-04-20 08:40:22 +08:00
parent 07a4ce0162
commit 18a2abdea2
86 changed files with 587 additions and 175 deletions

View File

@@ -37,7 +37,7 @@ export default function Vote_Beranda({
return (
<>
<Affix position={{ bottom: rem(100), right: rem(30) }}>
<Affix position={{ bottom: rem(150), right: rem(30) }}>
<ActionIcon
size={"xl"}
radius={"xl"}

View File

@@ -22,6 +22,7 @@ import {
import { gs_vote_hotMenu } from "../global_state";
import { useAtom } from "jotai";
import { RouterHome } from "@/app/lib/router_hipmi/router_home";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/component_layout_tamplate";
export default function LayoutVote_Main({
children,
@@ -61,7 +62,7 @@ export default function LayoutVote_Main({
return (
<>
<AppShell
<AppComponentGlobal_LayoutTamplate
header={
<ComponentVote_HeaderTamplate
title="Voting"
@@ -69,39 +70,42 @@ export default function LayoutVote_Main({
/>
}
footer={
<Footer height={70} bg={"dark"} sx={{ borderTop: "px solid blue" }}>
<Grid>
{listFooter.map((e, i) => (
<Grid.Col
key={e.id}
span={"auto"}
pt={"md"}
onClick={() => {
router.replace(e.path);
setHotMenu(i);
}}
>
<Center>
<Stack align="center" spacing={0}>
<ActionIcon
variant="transparent"
c={hotMenu === i ? "blue" : "white"}
>
{e.icon}
</ActionIcon>
<Text fz={10} c={hotMenu === i ? "blue" : "white"}>
{e.name}
</Text>
</Stack>
</Center>
</Grid.Col>
))}
</Grid>
<Footer
height={"10vh"}
bg={"dark"}
sx={{ borderTop: "px solid blue" }}
>
<Stack h={"100%"} justify="center">
<Grid>
{listFooter.map((e, i) => (
<Grid.Col key={e.id} span={"auto"} pt={"md"}>
<Center
onClick={() => {
router.replace(e.path);
setHotMenu(i);
}}
>
<Stack align="center" spacing={0}>
<ActionIcon
variant="transparent"
c={hotMenu === i ? "blue" : "white"}
>
{e.icon}
</ActionIcon>
<Text fz={10} c={hotMenu === i ? "blue" : "white"}>
{e.name}
</Text>
</Stack>
</Center>
</Grid.Col>
))}
</Grid>
</Stack>
</Footer>
}
>
{children}
</AppShell>
</AppComponentGlobal_LayoutTamplate>
</>
);
}