DebaucheryLibrarian/traxxx-web
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Improved mobile scaling of preferences and account settings.

Browse Source
This commit is contained in:
DebaucheryLibrarian
2026-07-22 17:07:23 +02:00
parent 60ad068939
commit a81343c519
2 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/user/preferences.vue
View File

@@ -25,7 +25,7 @@ async function updateSettings() {
class="profile-section"
@submit.prevent
>
<div class="setting">
<div class="setting noflip">
<span class="setting-label">
<strong class="setting-title">Enable alert notifications</strong>
<span class="setting-description">Your alerts can trigger notifications in traxxx</span>
@@ -39,7 +39,7 @@ async function updateSettings() {
</span>
</div>
<div class="setting">
<div class="setting noflip">
<span class="setting-label">
<strong class="setting-title">Enable alert e-mails</strong>
<span class="setting-description">Your alerts can trigger e-mails</span>
@@ -53,7 +53,7 @@ async function updateSettings() {
</span>
</div>
<label class="setting">
<div class="setting">
<span class="setting-label">
<strong class="setting-title">Alert e-mail frequency</strong>
<span class="setting-description">Alert e-mails are sent immediately, or accumulated and sent periodically</span>
@@ -71,7 +71,7 @@ async function updateSettings() {
<option value="monthly">Monthly</option>
</select>
</span>
</label>
</div>
</form>
</template>
@@ -112,4 +112,15 @@ async function updateSettings() {
color: var(--glass);
font-size: .9rem;
}
@media(--small-20) {
.setting:not(.noflip) {
flex-direction: column;
align-items: flex-start;
}
.setting-label {
margin-bottom: .75rem;
}
}
</style>