fix views using quirks mode & non utf-8

2025-11-03 20:41:33 +01:00
parent 9193ed58c9
commit f57245f297
6 changed files with 29 additions and 6 deletions
--- a/src/main/firstLaunch.ts
+++ b/src/main/firstLaunch.ts
@@ -31,8 +31,8 @@ export function createFirstLaunchTour() {
        transparent: false,
        frame: true,
        autoHideMenuBar: true,
-        height: 470,
-        width: 550
+        height: 550,
+        width: 600
    });

    makeLinksOpenExternally(win);
--- a/static/views/about.html
+++ b/static/views/about.html
@@ -1,3 +1,6 @@
+<!doctype html>
+<meta charset="utf-8" />
+
 <head>
    <title>About Vesktop</title>

@@ -63,7 +66,7 @@
            </li>
            <li>
                <a href="https://github.com/electron-userland/electron-builder" target="_blank">Electron Builder</a>
-                - A complete solution to package and build a ready for distribution Electron app with “auto update”
+                - A complete solution to package and build a ready for distribution Electron app with "auto update"
                support out of the box
            </li>
            <li>
--- a/static/views/common.css
+++ b/static/views/common.css
@@ -9,11 +9,15 @@
    --link-hover: light-dark(#005bb5, #0086c3);
 }

+html,
+body {
+    margin: 0;
+    padding: 0;
+}
+
 body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
        "Open Sans", "Helvetica Neue", sans-serif;
-    margin: 0;
-    padding: 0;
    background: var(--bg);
    color: var(--fg);
 }
--- a/static/views/first-launch.html
+++ b/static/views/first-launch.html
@@ -1,3 +1,6 @@
+<!doctype html>
+<meta charset="utf-8" />
+
 <head>
    <title>Vesktop Setup</title>

--- a/static/views/splash.html
+++ b/static/views/splash.html
@@ -1,7 +1,16 @@
+<!doctype html>
+<meta charset="utf-8" />
+
 <head>
    <link rel="stylesheet" href="./common.css" type="text/css" />

    <style>
+        html,
+        body {
+            width: 100%;
+            height: 100%;
+        }
+
        body {
            background: none;
            user-select: none;
@@ -10,8 +19,9 @@
        }

        .wrapper {
-            box-sizing: border-box;
+            width: 100%;
            height: 100%;
+            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
--- a/static/views/updater/index.html
+++ b/static/views/updater/index.html
@@ -1,3 +1,6 @@
+<!doctype html>
+<meta charset="utf-8" />
+
 <head>
    <title>Vesktop Updater</title>
    <meta http-equiv="Content-Security-Policy" content="