Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-02 20:15:24 +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

72
frontend/nuxt.config.js
View file

@ -26,7 +26,12 @@ export default {
content: "Mealie is a recipe management app for your kitchen.",
},
],
link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
link: [
{ hid: "favicon", rel: "icon", type: "image/x-icon", href: "/favicon.ico", "data-n-head": "ssr" },
{ hid: "shortcut icon", rel: "shortcut icon", type: "image/png", href: "/icons/icon-x64.png", "data-n-head": "ssr" },
{ hid: "apple-touch-icon", rel: "apple-touch-icon", type: "image/png", href: "/icons/apple-touch-icon.png", "data-n-head": "ssr" },
{ hid: "mask-icon", rel: "mask-icon", href: "/icons/safari-pinned-tab.svg", "data-n-head": "ssr" }
],
},
env: {
@ -324,7 +329,7 @@ export default {
/* meta options */
name: "Mealie",
description: "Mealie is a recipe management and meal planning app",
theme_color: "#E58325",
theme_color: process.env.THEME_LIGHT_PRIMARY || "#E58325",
ogSiteName: "Mealie",
},
manifest: {
@ -332,43 +337,46 @@ export default {
lang: "en",
name: "Mealie",
short_name: "Mealie",
title: "Mealie",
description: "Mealie is a recipe management and meal planning app",
theme_color: process.env.THEME_LIGHT_PRIMARY || "#E58325",
background_color: "#FFFFFF",
display: "standalone",
share_target: {
action: "/",
action: "/recipe/create/url",
method: "GET",
enctype: "application/x-www-form-urlencoded",
params: {
title: "title",
text: "recipe_import_url",
url: "recipe_import_url",
},
},
icons: [
{
src: "/icons/android-chrome-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "any",
},
{
src: "/icons/android-chrome-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "any",
},
{
src: "/icons/android-chrome-maskable-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "maskable",
},
{
src: "/icons/android-chrome-maskable-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "maskable",
},
],
},
icons: [
{
src: "[srcDir]/[staticDir]/icons/android-chrome-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "any",
},
{
src: "[srcDir]/[staticDir]/icons/android-chrome-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "any",
},
{
src: "[srcDir]/[staticDir]/icons/android-chrome-maskable-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "maskable",
},
{
src: "[srcDir]/[staticDir]/icons/android-chrome-maskable-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "maskable",
},
],
icon: false, // disables the icon module
},
// Vuetify module configuration: https://go.nuxtjs.dev/config-vuetify