aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-06-12 16:55:28 +0200
committer0neGal <mail@0negal.com>2022-06-12 16:55:28 +0200
commit3d9b35ac675fb942c1fcbc9eb81cc44e3dbeaee3 (patch)
tree6cac5b7ecfe5a6837a9b0a761e466bab227bfd5d
parentd78c28b6b07de0a4a43a484a4c8baf558596b335 (diff)
downloadViper-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.css14
-rw-r--r--src/app/icons/game.pngbin0 -> 1454 bytes
-rw-r--r--src/app/icons/language.pngbin0 -> 7132 bytes
-rw-r--r--src/app/icons/updates.pngbin0 -> 10300 bytes
-rw-r--r--src/app/index.html20
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
new file mode 100644
index 0000000..7db058f
--- /dev/null
+++ b/src/app/icons/game.png
Binary files differ
diff --git a/src/app/icons/language.png b/src/app/icons/language.png
new file mode 100644
index 0000000..011e1f9
--- /dev/null
+++ b/src/app/icons/language.png
Binary files differ
diff --git a/src/app/icons/updates.png b/src/app/icons/updates.png
new file mode 100644
index 0000000..4b505ee
--- /dev/null
+++ b/src/app/icons/updates.png
Binary files differ
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%%