fix window controls on win10 for projects page

mafiosnik777 · Apr 24, 2023 · d85f158 · d85f158
1 parent be670e6
commit d85f158
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 2 deletions.
diff --git a/src/js/welcome.js b/src/js/welcome.js
@@ -28,6 +28,16 @@ if (process.platform == "win32" && !isWin11 || process.platform == "linux") {
     document.getElementById('profile-container').style.top = '9.3%';
     document.getElementById('close').style.top = '1%';
     document.getElementById('minimize').style.top = '2%';
+
+    // Window controls
+    const minimize = document.getElementById("minimize");
+    minimize.addEventListener("click", function () {
+        ipcRenderer.send("minimize-window");
+    });
+    const close = document.getElementById("close");
+    close.addEventListener("click", function () {
+        ipcRenderer.send("close-window");
+    });
 } else {
     winControls.style.visibility = "hidden";
 }

diff --git a/src/pages/welcome.html b/src/pages/welcome.html
@@ -11,7 +11,7 @@
   <script defer src="../js/sysinfo.js"></script>
 </head>
 
-<body>
+<body style="padding: 0">
   <template id="recent-item-template">
     <div class="recent animate__animated animate__fadeInRight animate__delay-1s">
       <img draggable="false" class="history-file" src="../assets/enhancr-file.png" />
@@ -22,7 +22,6 @@
   <div id="win-controls"><i class="fa-solid fa-xmark" id="close"></i><i class="fa-solid fa-window-minimize" id="minimize"></i></div>
   <div id="win10-border"></div>
   <div id="light-mode"></div>
-  <div id="title-bar" style="-webkit-app-region: drag;"></div>
   <div id="recents-container">
     <span id="no-recents">No recently used projects.</span>
   </div>

diff --git a/src/scss/projects.scss b/src/scss/projects.scss
@@ -10,6 +10,24 @@ $macosblue: #1e5cce;
     }
 }
 
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body > #win-controls {
+    padding-left: 1.5%;
+    padding-top: 1%;
+    -webkit-app-region: drag;
+    box-sizing: border-box;
+    display: flex;
+}
+
+body > #win-controls > i {
+    position: initial;
+    margin-right: 9px;
+}
+
 .project-side-container {
     position: absolute;
     background: rgba(0, 0, 0, 0.25);