Photo slots + admin page: place any upload in the strip or a live slot, sign up in place, brand links home
This commit is contained in:
@@ -293,9 +293,30 @@ input[type="range"] { width: 100%; accent-color: var(--accent); }
|
||||
.modal h2 { margin: 0; font-size: 17px; }
|
||||
|
||||
/* --- strip moderation (/admin) ------------------------------------------ */
|
||||
.adm { height: 100%; overflow-y: auto; padding: 18px 22px 40px; }
|
||||
.adm-bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
|
||||
.adm { height: 100%; overflow-y: auto; padding: 0 22px 40px; }
|
||||
/* Sticky: the mark and the page name stay in the top-left corner while the
|
||||
photo grid scrolls under them, like the studio's header and the landing nav. */
|
||||
.adm-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 5;
|
||||
margin: 0 -22px 16px;
|
||||
padding: 12px 22px;
|
||||
background: var(--bg);
|
||||
border-bottom: 1px solid var(--border-soft);
|
||||
}
|
||||
.adm-title { font-size: 15px; letter-spacing: 0.02em; }
|
||||
/* The mark and the page name, top-left, always a way back to the landing page —
|
||||
the same pair the studio's TopBar carries. */
|
||||
.adm-brand { display: flex; align-items: center; gap: 6px; font-weight: 650; letter-spacing: -0.01em; color: var(--text); text-decoration: none; }
|
||||
.adm-brand em { font-style: normal; font-weight: 400; color: var(--text-dim); }
|
||||
.adm-brand img { border-radius: 8px; }
|
||||
.adm-slot { display: flex; flex-direction: column; gap: 3px; letter-spacing: 0.04em; }
|
||||
.adm-slot select { width: 100%; }
|
||||
.adm-spacer { flex: 1 1 auto; }
|
||||
.adm-note { margin: 12px 0; }
|
||||
.adm-sub { margin: 0 0 14px; }
|
||||
|
||||
Reference in New Issue
Block a user