diff options
| author | 0neGal <mail@0negal.com> | 2022-01-17 14:22:00 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2022-01-17 14:22:00 +0100 |
| commit | 9807e2f4c626dbc7741447a6f49f01e84a11686f (patch) | |
| tree | 55035863f6b59f7f54b01a448d4a7ad165f4cc8e | |
| parent | 4d0ef0ca26afc9dc70fbc942dd05beca19e2f0a6 (diff) | |
| download | Viper-9807e2f4c626dbc7741447a6f49f01e84a11686f.tar.gz Viper-9807e2f4c626dbc7741447a6f49f01e84a11686f.zip | |
added minimize button
| -rw-r--r-- | src/app/icons/minimize.png | bin | 0 -> 981 bytes | |||
| -rw-r--r-- | src/app/index.html | 5 | ||||
| -rw-r--r-- | src/app/main.css | 24 | ||||
| -rw-r--r-- | src/index.js | 1 |
4 files changed, 21 insertions, 9 deletions
diff --git a/src/app/icons/minimize.png b/src/app/icons/minimize.png Binary files differnew file mode 100644 index 0000000..4169e28 --- /dev/null +++ b/src/app/icons/minimize.png diff --git a/src/app/index.html b/src/app/index.html index 8ebffff..c8777e4 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -8,7 +8,10 @@ <body> <div id="bgHolder"></div> - <div id="close" onclick="ipcRenderer.send('exit')"></div> + <div id="winbtns"> + <div id="minimize" onclick="ipcRenderer.send('minimize')"></div> + <div id="close" onclick="ipcRenderer.send('exit')"></div> + </div> <nav class="gamesContainer"> <button id="vpBtn" onclick="page(0)"></button> diff --git a/src/app/main.css b/src/app/main.css index 3907461..de0db46 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -26,25 +26,33 @@ background: var(--red); } -.playBtn, .gamesContainer button, #close { +.playBtn, .gamesContainer button, #winbtns div { cursor: pointer; } -#close { +#winbtns { z-index: 1; + display: flex; + position: fixed; + top: var(--padding); + right: calc(var(--padding) / 2); +} + +#winbtns div { width: 25px; opacity: 0.6; height: 25px; - position: fixed; - top: var(--padding); - right: var(--padding); + position: relative; background-size: contain; transition: 0.25s ease-in-out; - background-image: url("icons/close.png"); + margin-right: calc(var(--padding) / 2); } -#close:hover {opacity: 1.0} -#close:active {transform: scale(0.98)} +#winbtns #close {background-image: url("icons/close.png")} +#winbtns #minimize {background-image: url("icons/minimize.png")} + +#winbtns div:hover {opacity: 1.0} +#winbtns div:active {transform: scale(0.98)} body { margin: 0; diff --git a/src/index.js b/src/index.js index 333b1c9..1dce746 100644 --- a/src/index.js +++ b/src/index.js @@ -32,6 +32,7 @@ function start() { win.loadFile(__dirname + "/app/index.html"); ipcMain.on("exit", () => {process.exit(0)}) + ipcMain.on("minimize", () => {win.minimize()}) ipcMain.on("winLog", (event, ...args) => {win.webContents.send("log", ...args)}); ipcMain.on("winAlert", (event, ...args) => {win.webContents.send("alert", ...args)}); ipcMain.on("ns-update-event", (event) => win.webContents.send("ns-update-event", event)); |
