diff options
| author | 0neGal <mail@0negal.com> | 2022-02-20 20:59:58 +0100 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2022-02-20 20:59:58 +0100 |
| commit | 43122069a282f4594653ede9402ba330b7f39e84 (patch) | |
| tree | f2c615673cbd0ace6d5c55160168a8236b9d508b | |
| parent | 3a2f9fac72d141f6a5e2e56133a5ae77d6972680 (diff) | |
| download | Viper-43122069a282f4594653ede9402ba330b7f39e84.tar.gz Viper-43122069a282f4594653ede9402ba330b7f39e84.zip | |
more UI changes
I added descriptions and options for excluding files.
| -rw-r--r-- | src/app/index.html | 24 | ||||
| -rw-r--r-- | src/app/main.css | 9 |
2 files changed, 30 insertions, 3 deletions
diff --git a/src/app/index.html b/src/app/index.html index 5ca9306..7a919b1 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -40,6 +40,9 @@ <div class="option"> <div class="text"> Launch options + <div class="desc"> + Here you can add launch options for Northstar/Titanfall. + </div> </div> <div class="actions"> <input> @@ -48,7 +51,10 @@ <h2>Updates</h2> <div class="option"> <div class="text"> - Northstar Auto-Updates + Viper Auto-Updates + <div class="desc"> + Viper will automatically keep itself up-to-date. + </div> </div> <div class="actions"> <button class="switch on"></button> @@ -56,12 +62,26 @@ </div> <div class="option"> <div class="text"> - Viper Auto-Updates + Northstar Auto-Updates + <div class="desc"> + Viper will automatically keep Northstar up-to-date, however it can still manually be updated through the Northstar page. + </div> </div> <div class="actions"> <button class="switch on"></button> </div> </div> + <div class="option"> + <div class="text"> + Retain files on update + <div class="desc"> + When Northstar is updated, files specified here will not be overwritten by files from the new Northstar update, unless you know what you're changing, you should probably not change anything here. + </div> + </div> + <div class="actions"> + <input> + </div> + </div> </div> </div> diff --git a/src/app/main.css b/src/app/main.css index 09dc4b3..0d4b9ad 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -236,7 +236,14 @@ button { justify-content: space-between; } -.option .actions text {opacity: 0.8} +.option .text {font-weight: 600} +.option .text .desc { + opacity: 0.8; + font-weight: 500; + font-size: 0.9em; + max-width: 400px; + margin-top: calc(var(--padding) / 3); +} .option .actions input { width: 100%; |