Ajoute des icones aux actions admin

This commit is contained in:
2026-04-15 22:05:45 +02:00
parent 0e6115e423
commit 99a3f6d0aa
3 changed files with 41 additions and 6 deletions

View File

@@ -140,8 +140,14 @@
</label>
<div class="admin-toolbar-actions">
<button class="button secondary small" type="button" @onclick="OpenCreateModal">Ajouter un utilisateur</button>
<button class="button ghost small" type="button" @onclick="ReloadUsersAsync" disabled="@IsLoadingUsers">Actualiser</button>
<button class="button secondary small with-icon" type="button" @onclick="OpenCreateModal">
<span class="material-icons action-icon" aria-hidden="true">person_add</span>
<span>Ajouter un utilisateur</span>
</button>
<button class="button ghost small with-icon" type="button" @onclick="ReloadUsersAsync" disabled="@IsLoadingUsers">
<span class="material-icons action-icon" aria-hidden="true">refresh</span>
<span>Actualiser</span>
</button>
</div>
</div>
@@ -192,11 +198,19 @@
<td>@BuildUserCardFootnote(user)</td>
<td>
<div class="admin-actions-cell">
<button class="button ghost small" type="button" @onclick="@(() => SelectUserAsync(user.Subject))">
Modifier
<button class="button ghost small icon-button"
type="button"
title="Modifier"
aria-label="Modifier"
@onclick="@(() => SelectUserAsync(user.Subject))">
<span class="material-icons action-icon" aria-hidden="true">edit</span>
</button>
<button class="button danger small" type="button" @onclick="@(() => PromptDeleteUser(user))">
Supprimer
<button class="button ghost danger small icon-button"
type="button"
title="Supprimer"
aria-label="Supprimer"
@onclick="@(() => PromptDeleteUser(user))">
<span class="material-icons action-icon" aria-hidden="true">delete</span>
</button>
</div>
</td>

View File

@@ -18,6 +18,7 @@
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="logo.png" />
<link rel="manifest" href="site.webmanifest" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="styles.css" />
<link href="ChessCubing.App.styles.css" rel="stylesheet" />
<script src="js/chesscubing-interop.js"></script>