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 | 10 | ||||
-rw-r--r-- | src/app/main.css | 24 |
3 files changed, 23 insertions, 11 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..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> @@ -40,8 +43,9 @@ </ul> <h2>%%viper.menu.info.credits%%</h2> <ul> - <li>"Titanfall|2 + Northstar" logo: <a href="https://www.steamgriddb.com/logo/47851">Aftonstjarma</a></li> - <li>Viper logo: Imply#9781</li> + <li>Viper Logo: Imply#9781</li> + <li>Viper Background: <a href="https://www.reddit.com/r/titanfall/comments/fwuh2x/take_to_the_skies">Uber Panzerhund</a></li> + <li>Titanfall+Northstar Logo: <a href="https://www.steamgriddb.com/logo/47851">Aftonstjarma</a></li> </ul> </div> </div> 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; |