made the app prettier on windows

I removed the titlebar, which I already had gone on my Linux system,
besides that I also made it so the body of Viper can be held down to
drag it around. And then added an exit button.

3 files changed, 6 insertions, 1 deletions

diff --git a/src/app/index.html b/src/app/index.html
index b7b260d..67d2e5c 100644
--- a/src/app/index.html
+++ b/src/app/index.html
@@ -8,6 +8,7 @@
 			<div class="line">
 				<div class="text">Welcome to Viper!</div>
 				<div class="buttons">
+					<button id="exit" onclick="exit()">Exit</button>
 					<button id="update" onclick="update()">Update</button>
 					<button id="setpath" onclick="setpath()">Game Path</button>
 				</div>
diff --git a/src/app/main.css b/src/app/main.css
index 1de3eea..4578f87 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -7,6 +7,7 @@ body, button, input {
 	font-size: 18px;
 	font-weight: 700;
 	overflow: hidden;
+	-webkit-app-region: drag;
 	color: var(--foreground);
 	text-transform: uppercase;
 	background: var(--background);
@@ -31,6 +32,8 @@ button, .text {
 	transition: 0.2s ease-in-out;
 }
 
+button {-webkit-app-region: no-drag;}
+
 button:hover {opacity: 0.9}
 button:active {
 	opacity: 0.7;
@@ -39,5 +42,5 @@ button:active {
 
 #update {background: #81A1C1}
 #setpath {background: #5E81AC}
-#vanilla {background: #656E7F}
 #northstar {background: #C7777F}
+#vanilla, #exit {background: #656E7F}
diff --git a/src/app/main.js b/src/app/main.js
index 82d6526..17389b2 100644
--- a/src/app/main.js
+++ b/src/app/main.js
@@ -16,6 +16,7 @@ if (fs.existsSync(settings.file)) {
 	setpath();
 }
 
+function exit() {ipcRenderer.send("exit")}
 function update() {ipcRenderer.send("update")}
 function setpath() {ipcRenderer.send("setpath")}