imgfloat/server
1
0
Fork 0
mirror of https://github.com/imgfloat/server.git synced 2026-02-05 03:39:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix settings style

Browse Source
This commit is contained in:
Andreas Krühlmann
2026-01-10 00:53:26 +01:00
parent 2b08baf375
commit b1dd57da82
2 changed files with 45 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/main/resources/static/css/styles.css
View File

@@ -81,7 +81,7 @@ body {
.channels-shell, .channels-shell,
.settings-shell { .settings-shell {
width: min(760px, 100%); width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
@@ -110,6 +110,8 @@ body {
.settings-main { .settings-main {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column;
gap: 14px;
} }
.error-main { .error-main {
@@ -204,23 +206,15 @@ body {
} }
.settings-hero { .settings-hero {
display: grid; display: flex;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); flex-direction: column;
gap: 20px; gap: 16px;
align-items: center;
} }
.settings-layout { .settings-stack {
display: grid; display: flex;
grid-template-columns: 2fr minmax(260px, 1fr); flex-direction: column;
gap: 18px; gap: 18px;
align-items: start;
}
@media (max-width: 900px) {
.settings-layout {
grid-template-columns: 1fr;
}
} }
.settings-panel { .settings-panel {
@@ -229,12 +223,6 @@ body {
gap: 18px; gap: 18px;
} }
.settings-sidebar {
display: flex;
flex-direction: column;
gap: 14px;
}
.hero-copy h1 { .hero-copy h1 {
margin: 8px 0 6px; margin: 8px 0 6px;
} }

16
src/main/resources/templates/settings.html
View File

@@ -39,11 +39,6 @@
Configure overlay performance and audio guardrails for every channel using Imgfloat. These Configure overlay performance and audio guardrails for every channel using Imgfloat. These
settings are applied globally. settings are applied globally.
</p> </p>
<div class="badge-row">
<span class="badge soft"><i class="fa-solid fa-gauge-high"></i> Performance tuned</span>
<span class="badge"><i class="fa-solid fa-cloud"></i> Server-wide</span>
<span class="badge subtle"><i class="fa-solid fa-gear"></i> Admin only</span>
</div>
</div> </div>
<div class="stat-grid compact"> <div class="stat-grid compact">
<div class="stat"> <div class="stat">
@@ -69,7 +64,7 @@
</div> </div>
</section> </section>
<div class="settings-layout"> <div class="settings-stack">
<section class="settings-card settings-panel"> <section class="settings-card settings-panel">
<div class="section-heading"> <div class="section-heading">
<div> <div>
@@ -236,8 +231,9 @@
</button> </button>
</div> </div>
</form> </form>
</section>
<div class="form-section"> <section class="settings-card">
<div class="form-heading"> <div class="form-heading">
<p class="eyebrow subtle">Access</p> <p class="eyebrow subtle">Access</p>
<h3>System administrators</h3> <h3>System administrators</h3>
@@ -256,10 +252,8 @@
</div> </div>
<ul id="sysadmin-list" class="stacked-list"></ul> <ul id="sysadmin-list" class="stacked-list"></ul>
</div> </div>
</div>
</section> </section>
<aside class="settings-sidebar">
<section class="settings-card info-card"> <section class="settings-card info-card">
<p class="eyebrow subtle">Checklist</p> <p class="eyebrow subtle">Checklist</p>
<h3>Before you save</h3> <h3>Before you save</h3>
@@ -275,11 +269,9 @@
<p class="eyebrow subtle">Heads up</p> <p class="eyebrow subtle">Heads up</p>
<h3>Global impact</h3> <h3>Global impact</h3>
<p class="muted tiny"> <p class="muted tiny">
Changes here update every channel immediately. Save carefully and confirm with your Changes here update every channel immediately. Save carefully and confirm with your team.
team.
</p> </p>
</section> </section>
</aside>
</div> </div>
</main> </main>
</div> </div>