From 183d151f0f83a7a46f00b3f94b4939a893512c3a Mon Sep 17 00:00:00 2001
From: Hyko <punk.flag8609@fastmail.com>
Date: Fri, 24 Apr 2026 17:58:55 -0400
Subject: [PATCH] style(admin): update card width classes from min-w to max-w
 on profile and settings pages

- replace `sm:min-w-3/5` with `lg:max-w-4/5` on all profile page cards
- replace `min-w-3/5` with `w-full lg:max-w-4/5` on settings page cards
---
 src/features/admin/pages/ProfilePage.client.js  | 8 ++++----
 src/features/admin/pages/SettingsPage.client.js | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/features/admin/pages/ProfilePage.client.js b/src/features/admin/pages/ProfilePage.client.js
index 5997b5a..5b09925 100644
--- a/src/features/admin/pages/ProfilePage.client.js
+++ b/src/features/admin/pages/ProfilePage.client.js
@@ -239,7 +239,7 @@ const ProfilePage = ({ user: initialUser }) => {
                 {activeTab === 'informations' && (
                     <Card
                         title="Informations personnelles"
-                        className="w-full sm:min-w-3/5"
+                        className="w-full lg:max-w-4/5"
                         footer={
                             <div className="flex items-center justify-end gap-3">
                                 <Button
@@ -309,7 +309,7 @@ const ProfilePage = ({ user: initialUser }) => {
                 {activeTab === 'securite' && (
                     <Card
                         title="Changer le mot de passe"
-                        className="w-full sm:min-w-3/5"
+                        className="w-full lg:max-w-4/5"
                         footer={
                             <div className="flex items-center justify-end gap-3">
                                 <Button
@@ -377,7 +377,7 @@ const ProfilePage = ({ user: initialUser }) => {
                 {activeTab === 'sessions' && (
                     <Card
                         title="Sessions actives"
-                        className="w-full sm:min-w-3/5"
+                        className="w-full lg:max-w-4/5"
                         footer={
                             <div className="flex justify-end">
                                 <Button
@@ -443,7 +443,7 @@ const ProfilePage = ({ user: initialUser }) => {
                 )}
 
                 {activeTab === 'photo' && (
-                    <Card title="Photo de profil" className="w-full sm:min-w-3/5">
+                    <Card title="Photo de profil" className="w-full lg:max-w-4/5">
                         <p className="text-sm text-neutral-500 dark:text-neutral-400">
                             Téléchargez une nouvelle photo de profil. Taille max 5MB.
                         </p>
diff --git a/src/features/admin/pages/SettingsPage.client.js b/src/features/admin/pages/SettingsPage.client.js
index 86fe75a..113f754 100644
--- a/src/features/admin/pages/SettingsPage.client.js
+++ b/src/features/admin/pages/SettingsPage.client.js
@@ -38,7 +38,7 @@ const SettingsPage = ({ appConfig = {} }) => {
                 <TabNav tabs={TABS} activeTab={activeTab} onTabChange={setActiveTab} />
 
                 {activeTab === 'general' && (
-                    <Card title="Informations générales" className='min-w-3/5'>
+                    <Card title="Informations générales" className='w-full lg:max-w-4/5'>
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                             <Input
                                 label="Nom du site"
@@ -70,7 +70,7 @@ const SettingsPage = ({ appConfig = {} }) => {
                 )}
 
                 {activeTab === 'appearance' && (
-                    <Card title="Thème" className='min-w-3/5'>
+                    <Card title="Thème" className='w-full lg:max-w-4/5'>
                         <div className="max-w-xs">
                             <Select
                                 label="Thème de l'interface"