From d85508044614d33663306d0816db7491f29e1e8f Mon Sep 17 00:00:00 2001 From: Maxence Charriere Date: Thu, 13 Jul 2023 15:19:23 +0800 Subject: [PATCH] update app.css --- pkg/app/gen/app.css | 4 ++-- pkg/app/scripts.go | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/pkg/app/gen/app.css b/pkg/app/gen/app.css index 2b0fbb4f..cbc69eea 100644 --- a/pkg/app/gen/app.css +++ b/pkg/app/gen/app.css @@ -6,8 +6,8 @@ top: 0; left: 0; z-index: 1000; - width: 100%; - height: 100%; + width: 100vw; + height: 100vh; overflow: hidden; display: flex; diff --git a/pkg/app/scripts.go b/pkg/app/scripts.go index cddbd1bc..b55a8fc8 100644 --- a/pkg/app/scripts.go +++ b/pkg/app/scripts.go @@ -14,5 +14,5 @@ const ( manifestJSON = "{\n \"short_name\": \"{{.ShortName}}\",\n \"name\": \"{{.Name}}\",\n \"description\": \"{{.Description}}\",\n \"icons\": [\n {\n \"src\": \"{{.SVGIcon}}\",\n \"type\": \"image/svg+xml\",\n \"sizes\": \"any\"\n },\n {\n \"src\": \"{{.LargeIcon}}\",\n \"type\": \"image/png\",\n \"sizes\": \"512x512\"\n },\n {\n \"src\": \"{{.DefaultIcon}}\",\n \"type\": \"image/png\",\n \"sizes\": \"192x192\"\n }\n ],\n \"scope\": \"{{.Scope}}\",\n \"start_url\": \"{{.StartURL}}\",\n \"background_color\": \"{{.BackgroundColor}}\",\n \"theme_color\": \"{{.ThemeColor}}\",\n \"display\": \"standalone\"\n}" - appCSS = "/*------------------------------------------------------------------------------\n Loader\n------------------------------------------------------------------------------*/\n.goapp-app-info {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1000;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen,\n Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: white;\n background-color: #2d2c2c;\n}\n\n@media (prefers-color-scheme: light) {\n .goapp-app-info {\n color: black;\n background-color: #f6f6f6;\n }\n}\n\n.goapp-logo {\n max-width: 100px;\n max-height: 100px;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n.goapp-label {\n margin-top: 12px;\n font-size: 21px;\n font-weight: 100;\n letter-spacing: 1px;\n max-width: 480px;\n text-align: center;\n}\n\n.goapp-spin {\n animation: goapp-spin-frames 1.21s infinite linear;\n}\n\n@keyframes goapp-spin-frames {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n/*------------------------------------------------------------------------------\n Not found\n------------------------------------------------------------------------------*/\n.goapp-notfound-title {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 65pt;\n font-weight: 100;\n}\n" + appCSS = "/*------------------------------------------------------------------------------\n Loader\n------------------------------------------------------------------------------*/\n.goapp-app-info {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1000;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen,\n Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 13px;\n font-weight: 400;\n color: white;\n background-color: #2d2c2c;\n}\n\n@media (prefers-color-scheme: light) {\n .goapp-app-info {\n color: black;\n background-color: #f6f6f6;\n }\n}\n\n.goapp-logo {\n max-width: 100px;\n max-height: 100px;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n\n.goapp-label {\n margin-top: 12px;\n font-size: 21px;\n font-weight: 100;\n letter-spacing: 1px;\n max-width: 480px;\n text-align: center;\n}\n\n.goapp-spin {\n animation: goapp-spin-frames 1.21s infinite linear;\n}\n\n@keyframes goapp-spin-frames {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n/*------------------------------------------------------------------------------\n Not found\n------------------------------------------------------------------------------*/\n.goapp-notfound-title {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 65pt;\n font-weight: 100;\n}\n" )