feat: add collection description and visibility in dashboard header

This commit is contained in:
Sonny
2024-11-08 18:20:15 +01:00
committed by Sonny
parent 9781363282
commit d3de34bd41
2 changed files with 32 additions and 3 deletions

View File

@@ -26,6 +26,9 @@ interface DashboardPageProps {
activeCollection: CollectionWithLinks;
}
const HEADER_SIZE_WITH_DESCRIPTION = 60;
const HEADER_SIZE_WITHOUT_DESCRIPTION = 50;
export default function MantineDashboard(props: Readonly<DashboardPageProps>) {
const [openedNavbar, { toggle: toggleNavbar, close: closeNavbar }] =
useDisclosure();
@@ -71,7 +74,11 @@ export default function MantineDashboard(props: Readonly<DashboardPageProps>) {
<div className={classes.app_wrapper}>
<AppShell
layout="alt"
header={{ height: 50 }}
header={{
height: !!activeCollection?.description
? HEADER_SIZE_WITH_DESCRIPTION
: HEADER_SIZE_WITHOUT_DESCRIPTION,
}}
navbar={{
width: 300,
breakpoint: 'sm',