Massive Material 3 re-styling

This commit is contained in:
AG
2025-12-12 01:06:09 +02:00
parent 55d414da19
commit bc1b747ef4
13 changed files with 374 additions and 142 deletions

View File

@@ -427,7 +427,7 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
</div>
<div className="flex items-center gap-1 shrink-0">
<button onClick={() => setEditingExercise(ex)} className="p-2 text-on-surface-variant hover:text-primary hover:bg-white/5 rounded-full" role="button" aria-label="Edit Exercise">
<Pencil size={16} />
<Pencil size={18} />
</button>
<button
onClick={() => handleArchiveExercise(ex, !ex.isArchived)}
@@ -436,7 +436,7 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
role="button"
aria-label={ex.isArchived ? 'Unarchive Exercise' : 'Archive Exercise'}
>
{ex.isArchived ? <ArchiveRestore size={16} /> : <Archive size={16} />}
{ex.isArchived ? <ArchiveRestore size={18} /> : <Archive size={18} />}
</button>
</div>
</div>
@@ -556,7 +556,7 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
title={u.isBlocked ? t('unblock', lang) : t('block', lang)}
aria-label={u.isBlocked ? t('unblock', lang) : t('block', lang)}
>
<Ban size={16} />
<Ban size={18} />
</button>
<button
onClick={() => handleAdminDeleteUser(u.id)}
@@ -564,7 +564,7 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
title={t('delete', lang)}
aria-label={t('delete', lang)}
>
<Trash2 size={16} />
<Trash2 size={18} />
</button>
</>
)}
@@ -607,6 +607,12 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
onClose={() => setEditingExercise(null)}
title={t('edit', lang)}
width="md"
footer={
<div className="flex justify-end gap-2">
<Button onClick={() => setEditingExercise(null)} variant="ghost">{t('cancel', lang)}</Button>
<Button onClick={handleSaveExerciseEdit}>{t('save', lang)}</Button>
</div>
}
>
<div className="space-y-4">
<div className="bg-surface-container-high rounded-t-lg border-b border-outline-variant px-3 py-2">
@@ -628,10 +634,6 @@ const Profile: React.FC<ProfileProps> = ({ user, onLogout, lang, onLanguageChang
/>
</div>
)}
<div className="flex justify-end gap-2 pt-2">
<Button onClick={() => setEditingExercise(null)} variant="ghost">{t('cancel', lang)}</Button>
<Button onClick={handleSaveExerciseEdit}>{t('save', lang)}</Button>
</div>
</div>
</SideSheet>
)}