From 45022e1f1b9f5a22dc156237926682789fddde44 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ars=C3=A8ne=20Reymond?= <66876397+p0lycarpio@users.noreply.github.com> Date: Sat, 7 Oct 2023 21:36:47 +0200 Subject: [PATCH] fixes: PWA & interface on small screens (#2536) * fix pwa icons * fix spacing and layouts for small screens * translate missing strings * Revert "translate missing strings" This reverts commit 150a961a0811cfe7d25f2dd8d79baf70f9a422ec. * fixes --------- Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com> --- .../Domain/Recipe/RecipeCardMobile.vue | 4 +- .../RecipePageParts/RecipePageFooter.vue | 2 +- .../RecipePageIngredientEditor.vue | 7 +- .../RecipePageInstructions.vue | 2 +- frontend/nuxt.config.js | 72 ++++++++++-------- frontend/pages/admin/backups.vue | 4 +- frontend/pages/group/members.vue | 8 +- frontend/pages/group/notifiers.vue | 14 ++-- frontend/pages/login.vue | 15 +--- frontend/pages/recipe/create.vue | 4 +- frontend/pages/recipe/create/bulk.vue | 8 +- frontend/pages/user/profile/api-tokens.vue | 6 +- frontend/pages/user/profile/edit.vue | 4 +- frontend/pages/user/profile/index.vue | 8 +- frontend/static/favicon.ico | Bin 33310 -> 2167 bytes .../icons/android-chrome-maskable-192x192.png | Bin 7896 -> 9297 bytes .../icons/android-chrome-maskable-512x512.png | Bin 24732 -> 13748 bytes frontend/static/icons/icon-x64.png | Bin 0 -> 10833 bytes 18 files changed, 78 insertions(+), 80 deletions(-) create mode 100644 frontend/static/icons/icon-x64.png diff --git a/frontend/components/Domain/Recipe/RecipeCardMobile.vue b/frontend/components/Domain/Recipe/RecipeCardMobile.vue index 57e7be9b3a..52aff102d2 100644 --- a/frontend/components/Domain/Recipe/RecipeCardMobile.vue +++ b/frontend/components/Domain/Recipe/RecipeCardMobile.vue @@ -180,8 +180,8 @@ export default defineComponent({ align-self: start !important; } -.flat { +.flat, .theme--dark .flat { box-shadow: none!important; - background-color: transparent; + background-color: transparent!important; } diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue index f75c36b7df..8b7de6d106 100644 --- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue +++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageFooter.vue @@ -18,7 +18,7 @@ :href="recipe.orgURL" color="secondary darken-1" target="_blank" - class="rounded-sm mr-4" + class="rounded-sm mr-n2" > {{ $t("recipe.original-url") }} diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue index 6cdd6e0f76..50fd2c5914 100644 --- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue +++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue @@ -26,11 +26,12 @@ -
+
diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue index b7b4658dd7..bba7f3c24e 100644 --- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue +++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageInstructions.vue @@ -108,7 +108,7 @@ - - {{ $t('recipe.looking-for-migrations') }} + + {{ $t('recipe.looking-for-migrations') }} diff --git a/frontend/pages/group/members.vue b/frontend/pages/group/members.vue index 34d3d7bd22..7cc686fede 100644 --- a/frontend/pages/group/members.vue +++ b/frontend/pages/group/members.vue @@ -13,10 +13,10 @@ {{ $t('group.invite') }} - - - {{ $t('group.looking-to-update-your-profile') }} - + + {{ $t('group.looking-to-update-your-profile') }} + + {{ $t("events.event-notifiers") }} {{ $t("events.new-notification-form-description") }} -
- Apprise - Gotify - Discord - Home Assistant - Matrix - Pushover +
+ Apprise + Gotify + Discord + Home Assistant + Matrix + Pushover
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue index 45d7648ee5..9118e43406 100644 --- a/frontend/pages/login.vue +++ b/frontend/pages/login.vue @@ -60,14 +60,12 @@ - + {{ $t("user.register") }} {{ $t("user.invite-only") }} {{ $t("user.reset-password") }} - -
- - {{ $vuetify.theme.dark ? $globals.icons.weatherSunny : $globals.icons.weatherNight }} - - {{ $vuetify.theme.dark ? $t('settings.theme.light-mode') : $t('settings.theme.dark-mode') }} - @@ -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, diff --git a/frontend/pages/recipe/create.vue b/frontend/pages/recipe/create.vue index 0cd0681109..86350f5168 100644 --- a/frontend/pages/recipe/create.vue +++ b/frontend/pages/recipe/create.vue @@ -19,8 +19,8 @@ - - {{ $t('recipe.looking-for-migrations') }} + + {{ $t('recipe.looking-for-migrations') }}
diff --git a/frontend/pages/recipe/create/bulk.vue b/frontend/pages/recipe/create/bulk.vue index 1c7986d4ed..60b7b3b71f 100644 --- a/frontend/pages/recipe/create/bulk.vue +++ b/frontend/pages/recipe/create/bulk.vue @@ -65,7 +65,7 @@ - + + - New + {{ $t('general.new') }} - +
diff --git a/frontend/pages/user/profile/api-tokens.vue b/frontend/pages/user/profile/api-tokens.vue index 2d8341e59d..127da32220 100644 --- a/frontend/pages/user/profile/api-tokens.vue +++ b/frontend/pages/user/profile/api-tokens.vue @@ -43,9 +43,9 @@ -
-
- +
+
+ diff --git a/frontend/pages/user/profile/edit.vue b/frontend/pages/user/profile/edit.vue index ef22dbfc8d..a590bfe592 100644 --- a/frontend/pages/user/profile/edit.vue +++ b/frontend/pages/user/profile/edit.vue @@ -13,7 +13,7 @@ />
- +
@@ -108,6 +108,7 @@ :label="$t('profile.show-advanced-description')" @change="updateUser" > + {{ $t('profile.looking-for-privacy-settings') }}
@@ -115,7 +116,6 @@ {{ $t('profile.back-to-profile') }} - {{ $t('profile.looking-for-privacy-settings') }}
diff --git a/frontend/pages/user/profile/index.vue b/frontend/pages/user/profile/index.vue index 8109684a66..0e7ba5ecac 100644 --- a/frontend/pages/user/profile/index.vue +++ b/frontend/pages/user/profile/index.vue @@ -1,15 +1,15 @@