Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-04 21:15:22 +02:00
Code Issues Releases Activity

fixes: PWA & interface on small screens (#2536)

Browse source 
* fix pwa icons

* fix spacing and layouts for small screens

* translate missing strings

* Revert "translate missing strings"

This reverts commit 150a961a08.

* fixes

---------

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
This commit is contained in:
Arsène Reymond 2023-10-07 21:36:47 +02:00 • committed by GitHub
parent bd79c1db2f
commit 45022e1f1b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 78 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/pages/login.vue
View file

@ -60,14 +60,12 @@
</v-card-actions>
</v-form>
</v-card-text>
<v-card-actions>
<v-card-actions class="d-flex justify-center flex-column flex-sm-row">
<v-btn v-if="allowSignup" text to="/register"> {{ $t("user.register") }} </v-btn>
<v-btn v-else text disabled> {{ $t("user.invite-only") }} </v-btn>
<v-btn class="mr-auto" text to="/forgot-password"> {{ $t("user.reset-password") }} </v-btn>
</v-card-actions>
<v-divider></v-divider>
<v-card-text class="d-flex justify-center flex-column flex-sm-row">
<div
v-for="link in [
@ -99,13 +97,6 @@
</div>
</v-card-text>
</v-card>
<v-btn bottom center class="mt-5" @click="toggleDark">
<v-icon left>
{{ $vuetify.theme.dark ? $globals.icons.weatherSunny : $globals.icons.weatherNight }}
</v-icon>
{{ $vuetify.theme.dark ? $t('settings.theme.light-mode') : $t('settings.theme.dark-mode') }}
</v-btn>
</v-container>
</template>
@ -115,12 +106,11 @@ import { useDark, whenever } from "@vueuse/core";
import { useAppInfo } from "~/composables/api";
import { usePasswordField } from "~/composables/use-passwords";
import { alert } from "~/composables/use-toast";
import { useToggleDarkMode } from "~/composables/use-utils";
export default defineComponent({
layout: "blank",
setup() {
const toggleDark = useToggleDarkMode();
const isDark = useDark();
const router = useRouter();
@ -186,7 +176,6 @@ export default defineComponent({
loggingIn,
allowSignup,
authenticate,
toggleDark,
passwordIcon,
inputType,
togglePasswordShow,