front ui fix
This commit is contained in:
@@ -17,8 +17,40 @@
|
||||
--border: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
/* ── Global reset ─────────────────────────────────────────────────────────── */
|
||||
html, body { margin: 0; padding: 0; }
|
||||
body { background-color: var(--bg-page) !important; color: var(--text-primary); }
|
||||
|
||||
/* ── Sticky header (CSS sticky — works on all pages) ─────────────────────── */
|
||||
#menu.ui.menu {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,.08);
|
||||
}
|
||||
|
||||
/* ── Back-to-top button ───────────────────────────────────────────────────── */
|
||||
#backToTop {
|
||||
position: fixed;
|
||||
bottom: 32px;
|
||||
right: 32px;
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
border-radius: 50%;
|
||||
background: var(--accent);
|
||||
color: #fff;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 1.2em;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,.2);
|
||||
z-index: 1000;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
#backToTop:hover { opacity: .85; }
|
||||
|
||||
/* Apply card background where Semantic UI uses white */
|
||||
[data-theme="dark"] .ui.card,
|
||||
[data-theme="dark"] .ui.segment,
|
||||
|
||||
Reference in New Issue
Block a user