Massive Material 3 re-styling
This commit is contained in:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user