header layout

This commit is contained in:
Martti Malmi 2023-12-04 22:49:51 +02:00
parent aa41b350fc
commit 9ade6a553f

View File

@ -73,12 +73,11 @@ export function Header() {
{ "md:hidden": pageName === "messages" }, { "md:hidden": pageName === "messages" },
"flex justify-between items-center self-stretch gap-6 sticky top-0 z-10 bg-bg-color md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg", "flex justify-between items-center self-stretch gap-6 sticky top-0 z-10 bg-bg-color md:bg-header md:bg-opacity-50 md:shadow-lg md:backdrop-blur-lg",
)}> )}>
{showBackButton ? ( <div onClick={handleBackButtonClick} className={classNames({"hidden": !showBackButton}, "p-2 md:p-3 cursor-pointer")}>
<span onClick={handleBackButtonClick} className="p-3 cursor-pointer"> <Icon name="arrowBack" />
<Icon name="arrowBack" /> </div>
</span> {!showBackButton && (
) : ( <div className="p-2 md:p-0 md:invisible">
<div className="md:hidden p-3">
<LogoHeader showText={false} /> <LogoHeader showText={false} />
</div> </div>
)} )}