diff options
Diffstat (limited to 'src/app')
| -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 |
3 files changed, 20 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 4514d21..fe383a0 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; |
