fix(ui): help preview tabindex, auto focus and buttons (#2616)

zio/stable
Joaquín Sánchez 2024-02-24 19:24:55 +01:00 committed by GitHub
parent eddbb1eee9
commit efb6967e6a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 3 deletions

View File

@ -2,12 +2,14 @@
const emit = defineEmits<{
(event: 'close'): void
}>()
const vAutoFocus = (el: HTMLElement) => el.focus()
</script>
<template>
<div my-8 px-3 sm:px-8 md:max-w-200 flex="~ col gap-4" relative>
<button btn-action-icon absolute top--8 right-0 m1 aria-label="Close" @click="emit('close')">
<div i-ri:close-line />
<button v-auto-focus type="button" btn-action-icon absolute top--8 right-0 m1 aria-label="Close" @click="emit('close')">
<span i-ri:close-line />
</button>
<img :alt="$t('app_logo')" :src="`/${''}logo.svg`" w-20 h-20 height="80" width="80" mxa class="rtl-flip">
@ -42,7 +44,7 @@ const emit = defineEmits<{
</NuxtLink>
</p>
<button btn-solid mxa tabindex="2" @click="emit('close')">
<button type="button" btn-solid mxa @click="emit('close')">
{{ $t('action.enter_app') }}
</button>
</div>