From 416820e1c436e13d58f405d8db0ef366adc7da87 Mon Sep 17 00:00:00 2001 From: "theo.gillet" Date: Thu, 28 May 2026 16:06:39 +0200 Subject: [PATCH] feat(front): modernize global page layout and align header styling with app theme --- v6y-apps/front/src/app/layout.tsx | 14 ++-- .../components/layout/DesktopMenuItems.tsx | 12 ++-- .../components/layout/VitalityPageHeader.tsx | 71 +++++++++++-------- .../components/layout/VitalityPageLayout.tsx | 10 ++- .../features/auth/pages/VitalityLoginPage.tsx | 2 +- 5 files changed, 60 insertions(+), 49 deletions(-) diff --git a/v6y-apps/front/src/app/layout.tsx b/v6y-apps/front/src/app/layout.tsx index cfa4d4dd..e9366c2a 100644 --- a/v6y-apps/front/src/app/layout.tsx +++ b/v6y-apps/front/src/app/layout.tsx @@ -34,14 +34,12 @@ export default function RootLayout({ }>) { return ( - -
- - }> - {children} - - -
+ + + }> + {children} + + ); diff --git a/v6y-apps/front/src/commons/components/layout/DesktopMenuItems.tsx b/v6y-apps/front/src/commons/components/layout/DesktopMenuItems.tsx index 67afc1be..d109e52d 100644 --- a/v6y-apps/front/src/commons/components/layout/DesktopMenuItems.tsx +++ b/v6y-apps/front/src/commons/components/layout/DesktopMenuItems.tsx @@ -22,21 +22,19 @@ interface DesktopMenuItemsProps { const DesktopMenuItems = ({ isLoggedIn, userName, onLogout }: DesktopMenuItemsProps) => { const { translate } = useTranslationProvider(); + const iconButtonClassName = + 'h-10 w-10 border-slate-200 bg-white/90 text-slate-700 shadow-sm transition-colors hover:border-slate-300 hover:bg-slate-100'; return (
- {isLoggedIn && ( - )} @@ -58,7 +56,7 @@ const DesktopMenuItems = ({ isLoggedIn, userName, onLogout }: DesktopMenuItemsPr onClick={onLogout} className="shrink-0" > - diff --git a/v6y-apps/front/src/commons/components/layout/VitalityPageHeader.tsx b/v6y-apps/front/src/commons/components/layout/VitalityPageHeader.tsx index 3a1e31d6..6a2d3e38 100644 --- a/v6y-apps/front/src/commons/components/layout/VitalityPageHeader.tsx +++ b/v6y-apps/front/src/commons/components/layout/VitalityPageHeader.tsx @@ -20,38 +20,49 @@ const VitalityPageHeader = () => { return ( <> -
-
- -
+
+
+
+ +
- + - + +
{ return ( -
+
- - {children} +
+ +
+ {children} +
+
); diff --git a/v6y-apps/front/src/features/auth/pages/VitalityLoginPage.tsx b/v6y-apps/front/src/features/auth/pages/VitalityLoginPage.tsx index 7af6a7bb..64e87988 100644 --- a/v6y-apps/front/src/features/auth/pages/VitalityLoginPage.tsx +++ b/v6y-apps/front/src/features/auth/pages/VitalityLoginPage.tsx @@ -4,7 +4,7 @@ import VitalityLoginForm from '../components/VitalityLoginForm'; export default function VitalityLoginPage() { return ( -
+
);