use the same window size for splash and main windows

it looks a little better this way - Ticket: SUITEDEV-28293
emartech · Jul 2, 2021 · b023639 · b023639
1 parent b1476ec
commit b023639
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/main/index.js b/src/main/index.js
@@ -18,17 +18,15 @@ const getUrl = page =>
     : `file://${__dirname}/${page}`;
 
 const createWindow = async () => {
-  const splashWindow = new BrowserWindow({
-    width: 800,
-    height: (1080 * 800) / 1920, // video resolution: 1920*1080
-    transparent: true,
-    frame: false
-  });
+  const width = 1024;
+  const height = (1080 * width) / 1920; // video resolution: 1920*1080
+
+  const splashWindow = new BrowserWindow({ width, height, useContentSize: true, backgroundColor: '#E3E9F0' });
   splashWindow.loadURL(getUrl('static/splash-screen.html'));
 
   const mainWindow = new BrowserWindow({
-    width: 1024,
-    height: 563,
+    width,
+    height,
     useContentSize: true,
     webPreferences: {
       nodeIntegration: true

diff --git a/static/splash-screen.html b/static/splash-screen.html
@@ -6,7 +6,7 @@
   <script src="https://redirector.eservice.emarsys.net/ui/latest/js/app.js"></script>
   <link rel="stylesheet" href="https://redirector.eservice.emarsys.net/ui/latest/css/app.css" />
 </head>
-<body>
+<body style="background-color: #E3E9F0">
   <video height="100%" autoplay muted>
     <source src="splash-screen-video.mp4" type="video/mp4">
   </video>