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

feat(component): modify CSS classes for improved layout

Browse Source 
Updated the classes in the Header component to enhance layout presentation. Particularly, added padding at the bottom and updated the alignment for better responsiveness. This will enhance user interface on multiple device dimensions.
This commit is contained in:
Mathis H (Avnyr) 2024-06-12 15:00:33 +02:00
parent b3907697a0
commit efb6eaf274
Signed by: Mathis
GPG Key ID: DD9E0666A747D126
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/header.tsx
View File

@ -10,7 +10,7 @@ export function Header({
return ( return (
<header <header
className={ className={
"flex flex-col md:flex-row justify-between items-center w-full p-1 md:px-3 md:py-2 border-b-2" "flex flex-col md:flex-row justify-between items-center w-full p-1 md:px-3 md:py-2 pb-2 border-b-2"
} }
> >
<div <div
@ -24,7 +24,9 @@ export function Header({
</h1> </h1>
</div> </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 items-center"}>{children}</div>
<div className={"w-1/3 flex flex-row justify-end gap-2 items-center"}> <div
className={"w-1/3 flex flex-row justify-center md:justify-end gap-2 items-center"}
>
<AccountDialog /> <AccountDialog />
<ThemeBtnSelector /> <ThemeBtnSelector />
</div> </div>