Fixes the markup to comply with A11y

This commit is contained in:
Arhey 2023-02-17 15:00:32 +03:00
parent 309fa25d35
commit 677365c6da
6 changed files with 18 additions and 12 deletions

View file

@ -1,5 +1,5 @@
<script>
import GuideItem from './GuideItem.svelte'
import GuideItem from '~/components/GuideItem.svelte'
import { getContext } from 'svelte'
const { close } = getContext('simple-modal')
@ -7,7 +7,7 @@
export let title = 'Guides'
</script>
<div class="relative px-2 py-[9rem] flex justify-center" on:click|self="{close}">
<div class="relative px-2 py-[9rem] flex justify-center" on:keypress on:click|self="{close}">
<div class="relative bg-white rounded-md shadow dark:bg-gray-800 w-full max-w-2xl">
<div
class="flex justify-between items-center py-4 pl-5 pr-4 rounded-t border-b dark:border-gray-700"