fix: improve lighthouse accessibility (#362)

Co-authored-by: JB Aubrée <jb.aubree@digitsole.com>
This commit is contained in:
Jean-Baptiste AUBRÉE 2022-05-17 16:15:17 +02:00 committed by GitHub
parent 2c29e41d52
commit bd54e8690e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 4 deletions

View File

@ -2,7 +2,7 @@
<main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
<RouterView />
<Footer />
<div class="mt-5 mx-auto text-center opacity-25 text-sm">
<div class="mt-5 mx-auto text-center opacity-75 dark:opacity-50 text-sm">
[Default Layout]
</div>
</main>

View File

@ -2,7 +2,7 @@
<main class="px-4 py-10 text-center text-gray-700 dark:text-gray-200">
<RouterView />
<Footer />
<div class="mt-5 mx-auto text-center opacity-25 text-sm">
<div class="mt-5 mx-auto text-center opacity-75 dark:opacity-50 text-sm">
[Home Layout]
</div>
</main>

View File

@ -20,7 +20,7 @@ watchEffect(() => {
{{ t('intro.hi', { name: props.name }) }}
</p>
<p text-sm opacity-50>
<p text-sm opacity-75>
<em>{{ t('intro.dynamic-route') }}</em>
</p>

View File

@ -11,7 +11,7 @@ import {
export default defineConfig({
shortcuts: [
['btn', 'px-4 py-1 rounded inline-block bg-teal-600 text-white cursor-pointer hover:bg-teal-700 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
['btn', 'px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600'],
],
presets: [