danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

adjust settings page flow

Browse source
This commit is contained in:
Broque Thomas 2025-11-09 15:07:04 -08:00
parent 576f151c5c
commit 62ad5a9cd9
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
webui/index.html
View file

@ -1541,6 +1541,7 @@
<div class="page" id="settings-page"> <div class="page" id="settings-page">
<div class="page-header"> <div class="page-header">
<h2>Settings</h2> <h2>Settings</h2>
<button class="save-button" onclick="document.getElementById('save-settings').click()">💾 Save Settings</button>
</div> </div>
<div class="settings-content"> <div class="settings-content">
<!-- Two Column Layout --> <!-- Two Column Layout -->
@ -1883,7 +1884,10 @@
Set MIN to 0 to accept all file sizes (recommended for most users). Set MIN to 0 to accept all file sizes (recommended for most users).
</div> </div>
</div> </div>
</div>
<!-- Third Column - Database, Metadata, Playlist Sync, Logging -->
<div class="settings-third-column">
<!-- Database Settings --> <!-- Database Settings -->
<div class="settings-group"> <div class="settings-group">
<h3>Database Settings</h3> <h3>Database Settings</h3>

7
webui/static/style.css
View file

@ -1001,9 +1001,9 @@ body {
font-weight: 500; font-weight: 500;
} }
/* Settings Page Styling - Two Column Layout */ /* Settings Page Styling - Three Column Layout */
.settings-content { .settings-content {
max-width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -1014,8 +1014,9 @@ body {
margin-bottom: 32px; margin-bottom: 32px;
} }
.settings-left-column, .settings-right-column { .settings-left-column, .settings-right-column, .settings-third-column {
flex: 1; flex: 1;
min-width: 380px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 18px; gap: 18px;