aboutsummaryrefslogtreecommitdiff
path: root/src/app
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-02-20 20:59:58 +0100
committer0neGal <mail@0negal.com>2022-02-20 20:59:58 +0100
commit43122069a282f4594653ede9402ba330b7f39e84 (patch)
treef2c615673cbd0ace6d5c55160168a8236b9d508b /src/app
parent3a2f9fac72d141f6a5e2e56133a5ae77d6972680 (diff)
downloadViper-43122069a282f4594653ede9402ba330b7f39e84.tar.gz
Viper-43122069a282f4594653ede9402ba330b7f39e84.zip
more UI changes
I added descriptions and options for excluding files.
Diffstat (limited to 'src/app')
-rw-r--r--src/app/index.html24
-rw-r--r--src/app/main.css9
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%;