wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Navbar admin

Browse Source 
Deskripsi:
- Fix bug navbar yang terpotong bagian atasnya
This commit is contained in:
Bagasbanuna02
2024-11-18 15:18:35 +08:00
parent 1f8bfcbed9
commit 5fcb09b889
111 changed files with 284 additions and 2930 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/app_modules/katalog/component/header_tamplate.tsx
View File

@@ -1,70 +0,0 @@
"use client";
import { ActionIcon, Group, Header, Title } from "@mantine/core";
import { IconChevronLeft } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
export default function ComponentKatalog_HeaderTamplate({
hideBack,
changeIconBack,
route,
route2,
title,
icon,
bg,
titleColor,
}: {
hideBack?: boolean;
changeIconBack?: any;
route?: any;
route2?: any;
title: string;
icon?: any;
bg?: any;
titleColor?: string
}) {
const router = useRouter();
return (
<>
<Header
height={50}
sx={{ borderStyle: "none" }}
bg={bg === null ? "" : bg}
>
<Group h={50} position="apart" px={"md"}>
{hideBack ? (
<ActionIcon variant="transparent" disabled></ActionIcon>
) : (
<ActionIcon
variant="transparent"
onClick={() => {
if (route === null || route === undefined) {
return router.back();
} else {
return router.push(route);
}
}}
>
{changeIconBack ? changeIconBack : <IconChevronLeft />}
</ActionIcon>
)}
<Title order={5} c={titleColor ? titleColor : "black"} >{title}</Title>
{(() => {
if (route2 === null || route2 === undefined) {
return <ActionIcon disabled variant="transparent"></ActionIcon>;
} else {
return (
<ActionIcon
variant="transparent"
onClick={() => router.push(route2)}
>
{icon}
</ActionIcon>
);
}
})()}
</Group>
</Header>
</>
);
}

33
src/app_modules/katalog/component/header_transparent.tsx
View File

@@ -1,33 +0,0 @@
"use client";
import { Header, Group, ActionIcon, Text } from "@mantine/core";
import { IconArrowLeft } from "@tabler/icons-react";
import { useRouter } from "next/navigation";
import React from "react";
export default function HeaderTransparent({
route,
icon2,
title,
}: {
route: any;
icon2: any;
title: string;
}) {
const router = useRouter();
return (
<>
<Header height={50} px={"sm"}>
<Group position="apart" h={50}>
<ActionIcon variant="transparent" onClick={() => router.push(route)}>
<IconArrowLeft />
</ActionIcon>
<Text>{title}</Text>
{icon2}
</Group>
</Header>
</>
);
}

2
src/app_modules/katalog/index.ts
View File

@@ -1,4 +1,2 @@
import HeaderTransparent from "./component/header_transparent";
export { HeaderTransparent as headerTransparent };
export { Katalog_MainView } from "./view_katalog";

21
src/app_modules/katalog/portofolio/edit/layout.tsx
View File

@@ -1,21 +0,0 @@
"use client";
import { AppShell } from "@mantine/core";
import React from "react";
import ComponentKatalog_HeaderTamplate from "../../component/header_tamplate";
export default function LayoutPortofolio_EditBisnis({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
<AppShell
header={<ComponentKatalog_HeaderTamplate title="Edit Portofolio" />}
>
{children}
</AppShell>
</>
);
}

3
src/app_modules/katalog/portofolio/edit/logo/layout.tsx
View File

@@ -1,10 +1,7 @@
"use client";
import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
import ComponentKatalog_HeaderTamplate from "@/app_modules/katalog/component/header_tamplate";
import { AppShell } from "@mantine/core";
import React from "react";
export default function LayoutPortofolio_EditLogoBisnis({

2
src/app_modules/katalog/portofolio/index.ts
View File

@@ -5,7 +5,6 @@ import Portofolio_UiDetail from "./ui/ui_detail_portofolio";
import Portofolio_EditDataBisnis from "./edit/data/ui_edit_data";
import Portofolio_EditLogoBisnis from "./edit/logo/ui_edit_logo";
import Portofolio_EditMedsosBisnis from "./edit/medsos/ui_edit_medsos";
import LayoutPortofolio_EditBisnis from "./edit/layout";
import LayoutPortofolio_EditDataBisnis from "./edit/data/layout";
import LayoutPortofolio_EditLogoBisnis from "./edit/logo/layout";
import LayoutPortofolio_EditMedsosBisnis from "./edit/medsos/layout";
@@ -18,7 +17,6 @@ export {
Portofolio_EditDataBisnis,
Portofolio_EditLogoBisnis,
Portofolio_EditMedsosBisnis,
LayoutPortofolio_EditBisnis,
LayoutPortofolio_EditDataBisnis,
LayoutPortofolio_EditLogoBisnis,
LayoutPortofolio_EditMedsosBisnis,