diff options
author | 0neGal <mail@0negal.com> | 2022-06-12 16:55:28 +0200 |
---|---|---|
committer | 0neGal <mail@0negal.com> | 2022-06-12 16:55:28 +0200 |
commit | 3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3 (patch) | |
tree | 6cac5b7ecfe5a6837a9b0a761e466bab227bfd5d | |
parent | d78c28b6b07de0a4a43a484a4c8baf558596b335 (diff) | |
download | Viper-3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3.tar.gz Viper-3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3.zip |
added icons to the settings popup
Only on the titles, putting them only on the options or on both the
title and options would be far too much, just the title is perfect.
-rw-r--r-- | src/app/css/popups.css | 14 | ||||
-rw-r--r-- | src/app/icons/game.png | bin | 0 -> 1454 bytes | |||
-rw-r--r-- | src/app/icons/language.png | bin | 0 -> 7132 bytes | |||
-rw-r--r-- | src/app/icons/updates.png | bin | 0 -> 10300 bytes | |||
-rw-r--r-- | src/app/index.html | 20 |
5 files changed, 30 insertions, 4 deletions
diff --git a/src/app/css/popups.css b/src/app/css/popups.css index bff7d07..59f6630 100644 --- a/src/app/css/popups.css +++ b/src/app/css/popups.css @@ -350,4 +350,18 @@ background: rgb(var(--red)); } +.title { + display: flex; +} + +.title img { + width: 30px; + height: 30px; + margin: auto 0; +} + +.title h2 { + margin-left: calc(var(--padding) / 3); +} + /* } */ diff --git a/src/app/icons/game.png b/src/app/icons/game.png Binary files differnew file mode 100644 index 0000000..7db058f --- /dev/null +++ b/src/app/icons/game.png diff --git a/src/app/icons/language.png b/src/app/icons/language.png Binary files differnew file mode 100644 index 0000000..011e1f9 --- /dev/null +++ b/src/app/icons/language.png diff --git a/src/app/icons/updates.png b/src/app/icons/updates.png Binary files differnew file mode 100644 index 0000000..4b505ee --- /dev/null +++ b/src/app/icons/updates.png diff --git a/src/app/index.html b/src/app/index.html index 0255dd6..819caac 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -36,7 +36,10 @@ </button> </div> <div class="options"> - <h2>%%gui.settings.title.ns%%</h2> + <div class="title"> + <img src="icons/game.png"> + <h2>%%gui.settings.title.ns%%</h2> + </div> <div class="option" name="nsargs"> <div class="text"> %%gui.settings.nsargs.title%% @@ -48,7 +51,10 @@ <input> </div> </div> - <h2>%%gui.settings.title.language%%</h2> + <div class="title"> + <img src="icons/language.png"> + <h2>%%gui.settings.title.language%%</h2> + </div> <div class="option" name="autolang"> <div class="text"> %%gui.settings.autolang.title%% @@ -73,7 +79,10 @@ </select> </div> </div> - <h2>%%gui.settings.title.updates%%</h2> + <div class="title"> + <img src="icons/updates.png"> + <h2>%%gui.settings.title.updates%%</h2> + </div> <div class="option" name="autoupdate"> <div class="text"> %%gui.settings.autoupdate.title%% @@ -107,7 +116,10 @@ <input type="text"> </div> </div> - <h2>%%gui.settings.title.misc%%</h2> + <div class="title"> + <img src="icons/settings.png"> + <h2>%%gui.settings.title.misc%%</h2> + </div> <div class="option" name="originkill"> <div class="text"> %%gui.settings.originkill.title%% |