WorkSimplon/brief-07-front
WorkSimplon/brief-07-front
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat(components): update layout for responsiveness

Browse Source 
This commit enhances the layout in header.tsx for better mobile responsiveness. It adjusts flex properties and classes for optimal rendering across various device sizes. It also rearranges elements within the header component for a better mobile appearance.
This commit is contained in:
Mathis H (Avnyr) 2024-06-14 12:48:03 +02:00
parent 48adc8be6c
commit 72bbe08de0
Signed by: Mathis
GPG Key ID: DD9E0666A747D126
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/header.tsx
View File

@ -23,9 +23,15 @@ export function Header({
{title || "YeloBit"}
</h1>
</div>
<div className={"w-1/3 flex flex-row justify-center items-center"}>{children}</div>
<div
className={"w-1/3 flex flex-row justify-center md:justify-end gap-2 items-center"}
className={"w-1/3 flex flex-col md:flex-row w-full justify-center items-center"}
>
{children}
</div>
<div
className={
"w-1/3 flex flex-row justify-center md:justify-end w-full md:w-fit gap-2 items-center"
}
>
<AccountDialog />
<ThemeBtnSelector />