make input size changeable

This commit is contained in:
2023-08-28 19:09:37 +02:00
parent 407fb22a0e
commit 3e259872b3
2 changed files with 41 additions and 15 deletions

View File

@ -115,6 +115,7 @@
type="text"
bind:value={admin.username}
disabled={!permissions.adminWrite() || !admin.edit}
size="sm"
/></td
>
<td
@ -123,6 +124,7 @@
bind:value={admin.password}
placeholder="Neues Passwort..."
disabled={!permissions.adminWrite() || !admin.edit}
size="sm"
/></td
>
<td
@ -137,7 +139,7 @@
{#if admin.edit}
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
class="btn btn-sm btn-square"
disabled={!permissions.adminWrite()}
on:click={async (e) => {
await buttonTriggeredRequest(
@ -153,12 +155,12 @@
admin.edit = false;
}}
>
<IconOutline name="check-outline" width="24" height="24" />
<IconOutline name="check-outline" width="18" height="18" />
</button>
</span>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
class="btn btn-sm btn-square"
disabled={!permissions.adminWrite()}
on:click={() => {
admin.username = admin.before.username;
@ -167,13 +169,13 @@
admin.edit = false;
}}
>
<IconOutline name="no-symbol-outline" width="24" height="24" />
<IconOutline name="no-symbol-outline" width="18" height="18" />
</button>
</span>
{:else}
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
class="btn btn-sm btn-square"
disabled={!permissions.adminWrite()}
on:click={() => {
admin.edit = true;
@ -184,16 +186,16 @@
};
}}
>
<IconOutline name="pencil-square-outline" width="24" height="24" />
<IconOutline name="pencil-square-outline" width="18" height="18" />
</button>
</span>
<span class="w-min" class:cursor-not-allowed={!permissions.adminWrite()}>
<button
class="btn btn-square"
class="btn btn-sm btn-square"
disabled={!permissions.adminWrite()}
on:click={(e) => buttonTriggeredRequest(e, deleteAdmin(admin.id))}
>
<IconOutline name="trash-outline" width="24" height="24" />
<IconOutline name="trash-outline" width="18" height="18" />
</button>
</span>
{/if}
@ -203,8 +205,8 @@
{/each}
<tr>
<td>{data.admins.length}</td>
<td><Input type="text" bind:value={newAdminUsername} /></td>
<td><Input type="password" bind:value={newAdminPassword} /></td>
<td><Input type="text" bind:value={newAdminUsername} size="sm" /></td>
<td><Input type="password" bind:value={newAdminPassword} size="sm" /></td>
<td
><Badges
bind:value={newAdminPermissions}
@ -220,7 +222,7 @@
!newAdminPassword}
>
<button
class="btn btn-square"
class="btn btn-sm btn-square"
disabled={!permissions.adminWrite() || !newAdminUsername || !newAdminPassword}
on:click={async (e) => {
await buttonTriggeredRequest(
@ -232,7 +234,7 @@
newAdminPermissions = [];
}}
>
<IconOutline name="user-plus-outline" width="24" height="24" />
<IconOutline name="user-plus-outline" width="18" height="18" />
</button>
</span>
</td>