Ryan/drop
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop.git synced 2026-07-25 17:24:48 +10:00
Code Issues Packages Projects Releases Wiki Activity

Fix accessibility with API token modal

Browse Source
This commit is contained in:
DecDuck
2025-11-30 23:17:42 +11:00
parent 0cfc11f669
commit bf0a0b5a9c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/components/Modal/CreateToken.vue
+3 -3
View File
@@ -119,10 +119,10 @@
<div class="flex h-6 shrink-0 items-center"> <div class="flex h-6 shrink-0 items-center">
<div class="group grid size-4 grid-cols-1"> <div class="group grid size-4 grid-cols-1">
<input <input
id="acl" :id="`acl-${acl}`"
v-model="currentACLs[acl]" v-model="currentACLs[acl]"
aria-describedby="acl-description" aria-describedby="acl-description"
name="acl" :name="`acl-${acl}`"
type="checkbox" type="checkbox"
class="col-start-1 row-start-1 appearance-none rounded-sm border checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 border-white/10 bg-white/5 dark:checked:border-blue-500 dark:checked:bg-blue-500 dark:indeterminate:border-blue-500 dark:indeterminate:bg-blue-500 dark:focus-visible:outline-blue-500 dark:disabled:border-white/5 dark:disabled:bg-white/10 dark:disabled:checked:bg-white/10 forced-colors:appearance-auto" class="col-start-1 row-start-1 appearance-none rounded-sm border checked:border-blue-600 checked:bg-blue-600 indeterminate:border-blue-600 indeterminate:bg-blue-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 border-white/10 bg-white/5 dark:checked:border-blue-500 dark:checked:bg-blue-500 dark:indeterminate:border-blue-500 dark:indeterminate:bg-blue-500 dark:focus-visible:outline-blue-500 dark:disabled:border-white/5 dark:disabled:bg-white/10 dark:disabled:checked:bg-white/10 forced-colors:appearance-auto"
/> />
@@ -150,7 +150,7 @@
</div> </div>
<div class="text-sm/6"> <div class="text-sm/6">
<label <label
for="acl" :for="`acl-${acl}`"
class="font-display font-medium text-white" class="font-display font-medium text-white"
>{{ acl }}</label >{{ acl }}</label
> >