Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 23:59:45 +02:00
Code Issues Releases Activity

UI/UX improvements (#2423)

Browse source 
* disable autofocus and hide keyboard on enter

* improve a11y

* fix non-translated string

* improve recipeTimeline UI

* format

* fixes
This commit is contained in:
Arsène Reymond 2023-08-21 20:41:18 +02:00 • committed by GitHub
parent 1e693fdca6
commit 99e7717fec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 95 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

9
frontend/pages/login.vue
View file

@ -2,7 +2,7 @@
<v-container
fill-height
fluid
class="d-flex justify-center align-center"
class="d-flex justify-center align-center flex-column"
:class="{
'bg-off-white': !$vuetify.theme.dark && !isDark,
}"
@ -23,7 +23,7 @@
</v-avatar>
</div>
<v-card-title class="headline justify-center pb-1"> {{ $t('user.sign-in') }} </v-card-title>
<v-card-title class="headline justify-center pb-3"> {{ $t('user.sign-in') }} </v-card-title>
<v-card-text>
<v-form @submit.prevent="authenticate">
<v-text-field
@ -68,7 +68,7 @@
<v-divider></v-divider>
<v-card-text class="d-flex justify-center">
<v-card-text class="d-flex justify-center flex-column flex-sm-row">
<div
v-for="link in [
{
@ -88,6 +88,7 @@
},
]"
:key="link.text"
class="text-center"
>
<v-btn text :href="link.href" target="_blank">
<v-icon left>
@ -99,7 +100,7 @@
</v-card-text>
</v-card>
<v-btn absolute bottom center @click="toggleDark">
<v-btn bottom center class="mt-5" @click="toggleDark">
<v-icon left>
{{ $vuetify.theme.dark ? $globals.icons.weatherSunny : $globals.icons.weatherNight }}
</v-icon>