Update frontend components for accessibility and functionality improvements
- Modified docker-compose.dev.yml to conditionally run npm install based on the presence of package-lock.json. - Upgraded Nuxt version in package-lock.json from 3.21.1 to 4.3.1 for enhanced features. - Enhanced ConfirmModal component with aria-modal attribute for better accessibility. - Updated MapErrorBoundary component's error message for clarity. - Added role and aria-label attributes to MapView and MapSearch components for improved screen reader support. - Refactored various components to manage focus behavior on modal close, enhancing user experience. - Improved ToastContainer styling for better responsiveness and visibility. - Updated layout components to include skip navigation links for improved accessibility.
This commit is contained in:
@@ -14,10 +14,12 @@
|
||||
:readonly="!isNew"
|
||||
/>
|
||||
</fieldset>
|
||||
<p id="admin-user-password-hint" class="text-sm text-base-content/60 mb-1">Leave blank to keep current password.</p>
|
||||
<PasswordInput
|
||||
v-model="form.pass"
|
||||
label="Password (leave blank to keep)"
|
||||
label="Password"
|
||||
autocomplete="new-password"
|
||||
aria-describedby="admin-user-password-hint"
|
||||
/>
|
||||
<fieldset class="fieldset">
|
||||
<label class="label">Auths</label>
|
||||
@@ -61,6 +63,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
definePageMeta({ middleware: 'admin' })
|
||||
useHead({ title: 'User – HnH Map' })
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
|
||||
Reference in New Issue
Block a user