MED-140: ui fixes (#69)
* MED-140: ui fixes * make accountid optional in hook
This commit is contained in:
@@ -1,5 +1,7 @@
|
||||
import { cn } from '../../lib/utils';
|
||||
import { LanguageSelector } from '@kit/ui/language-selector';
|
||||
|
||||
import { cn } from '../../lib/utils';
|
||||
|
||||
interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
||||
logo?: React.ReactNode;
|
||||
navigation?: React.ReactNode;
|
||||
@@ -22,11 +24,16 @@ export const Header: React.FC<HeaderProps> = function ({
|
||||
{...props}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="grid h-14 grid-cols-3 items-center">
|
||||
<div className={'mx-auto md:mx-0'}>{logo}</div>
|
||||
<div className="order-first md:order-none">{navigation}</div>
|
||||
|
||||
<div className="flex items-center justify-end gap-x-2"><div className="max-w-[100px]"><LanguageSelector /></div>{actions}</div>
|
||||
<div className="2xs:h-14 2xs:grid-cols-3 grid h-24 w-full items-center">
|
||||
<div className={'mx-auto flex'}>{logo}</div>
|
||||
<div className="2xs:order-none order-first">{navigation}</div>
|
||||
|
||||
<div className="2xs:justify-end 2xs:gap-x-2 flex items-center justify-evenly">
|
||||
<div className="max-w-[100px]">
|
||||
<LanguageSelector />
|
||||
</div>
|
||||
{actions}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user