zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

style(admin): update card width classes from min-w to max-w on profile and settings pages

Browse Source 
- 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
This commit is contained in:
Hyko
2026-04-24 17:58:55 -04:00
parent 27a9cbc12f
commit 183d151f0f
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/pages/ProfilePage.client.js
+4 -4
View File
@@ -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>
src/features/admin/pages/SettingsPage.client.js
+2 -2
View File
@@ -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"