adjust settings page flow
This commit is contained in:
parent
576f151c5c
commit
62ad5a9cd9
2 changed files with 8 additions and 3 deletions
|
|
@ -1541,6 +1541,7 @@
|
|||
<div class="page" id="settings-page">
|
||||
<div class="page-header">
|
||||
<h2>Settings</h2>
|
||||
<button class="save-button" onclick="document.getElementById('save-settings').click()">💾 Save Settings</button>
|
||||
</div>
|
||||
<div class="settings-content">
|
||||
<!-- Two Column Layout -->
|
||||
|
|
@ -1883,7 +1884,10 @@
|
|||
Set MIN to 0 to accept all file sizes (recommended for most users).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Third Column - Database, Metadata, Playlist Sync, Logging -->
|
||||
<div class="settings-third-column">
|
||||
<!-- Database Settings -->
|
||||
<div class="settings-group">
|
||||
<h3>Database Settings</h3>
|
||||
|
|
|
|||
|
|
@ -1001,9 +1001,9 @@ body {
|
|||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Settings Page Styling - Two Column Layout */
|
||||
/* Settings Page Styling - Three Column Layout */
|
||||
.settings-content {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -1014,8 +1014,9 @@ body {
|
|||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.settings-left-column, .settings-right-column {
|
||||
.settings-left-column, .settings-right-column, .settings-third-column {
|
||||
flex: 1;
|
||||
min-width: 380px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 18px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue