CraftAttack/website
4
0
Fork 0
Code Issues 3 Pull Requests Actions Wiki Activity

show disabled cursor when hovering over disabled buttons in admin admin view

Browse Source
This commit is contained in:
bytedream 2023-08-28 17:21:54 +02:00
parent 01df127430
commit a88ae62edf
1 changed files with 78 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/admin/admin/+page.svelte
View File

@ -125,6 +125,7 @@
<td> <td>
<div> <div>
{#if admin.edit} {#if admin.edit}
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button <button
class="btn btn-square" class="btn btn-square"
disabled={!permissions.adminWrite()} disabled={!permissions.adminWrite()}
@ -143,6 +144,8 @@
> >
<IconOutline name="check-outline" width="24" height="24" /> <IconOutline name="check-outline" width="24" height="24" />
</button> </button>
</span>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button <button
class="btn btn-square" class="btn btn-square"
disabled={!permissions.adminWrite()} disabled={!permissions.adminWrite()}
@ -154,7 +157,9 @@
> >
<IconOutline name="no-symbol-outline" width="24" height="24" /> <IconOutline name="no-symbol-outline" width="24" height="24" />
</button> </button>
</span>
{:else} {:else}
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button <button
class="btn btn-square" class="btn btn-square"
disabled={!permissions.adminWrite()} disabled={!permissions.adminWrite()}
@ -168,6 +173,8 @@
> >
<IconOutline name="pencil-square-outline" width="24" height="24" /> <IconOutline name="pencil-square-outline" width="24" height="24" />
</button> </button>
</span>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button <button
class="btn btn-square" class="btn btn-square"
disabled={!permissions.adminWrite()} disabled={!permissions.adminWrite()}
@ -175,6 +182,7 @@
> >
<IconOutline name="trash-outline" width="24" height="24" /> <IconOutline name="trash-outline" width="24" height="24" />
</button> </button>
</span>
{/if} {/if}
</div> </div>
</td> </td>
@ -192,6 +200,12 @@
/></td /></td
> >
<td> <td>
<span
class="w-min"
class:cursor-not-allowed={!permissions.adminWrite() ||
!newAdminUsername ||
!newAdminPassword}
>
<button <button
class="btn btn-square" class="btn btn-square"
disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword} disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword}
@ -207,6 +221,7 @@
> >
<IconOutline name="user-plus-outline" width="24" height="24" /> <IconOutline name="user-plus-outline" width="24" height="24" />
</button> </button>
</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>