header layout
This commit is contained in:
parent
aa41b350fc
commit
9ade6a553f
@ -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>
|
||||||
)}
|
)}
|
||||||
|
Loading…
Reference in New Issue
Block a user