karim/OPENBUREAU
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cms: Editor-Felder kompakter (32px statt 38px, engere Abstände)

Browse Source 
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
karim
2026-05-31 12:53:56 +02:00
parent 5704c0f94c
commit 47a70ea834
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cms/admin/src/styles.css
+13 -13
View File
@@ -41,10 +41,10 @@ button, input, select, textarea { font-family: inherit; font-size: inherit; colo
/* ── Inputs / Buttons (Pill) ── */
input, select, textarea { background: var(--panel); border: 1px solid var(--line); border-radius: 9px; padding: 9px 11px; width: 100%; }
/* Einheitliche Höhe für einzeilige Felder (Dropdowns = Textfelder) */
.fields label:not(.big) input, .fields select, .login input, .profile-card input, .userform input {
height: 38px; padding: 0 11px;
}
/* Einheitliche, kompakte Höhe für einzeilige Felder (Dropdowns = Textfelder) */
.fields input, .fields select { height: 32px; padding: 0 10px; font-size: 14px; }
.fields label.big input { height: 46px; padding: 0 13px; font-size: 21px; }
.login input, .profile-card input, .userform input { height: 36px; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--accent-soft); box-shadow: 0 0 0 3px rgba(181,74,44,.12); }
button { background: var(--panel); border: 1px solid var(--line); border-radius: var(--pill); padding: 8px 16px; cursor: pointer; font-weight: 500; transition: .12s; white-space: nowrap; }
button:hover { border-color: var(--accent-soft); }
@@ -106,24 +106,24 @@ main { flex: 1; min-width: 0; }
.status.live { color: var(--ok); background: rgba(93,125,75,.14); }
/* Metadaten kompakt oben, Schreibfeld groß darunter */
.fields { flex: 1; min-height: 0; padding: 18px 22px; overflow: auto; display: flex; flex-direction: column; gap: 12px; }
.fields { flex: 1; min-height: 0; padding: 16px 22px; overflow: auto; display: flex; flex-direction: column; gap: 10px; }
.row { display: flex; gap: 12px; align-items: flex-end; }
.meta { display: flex; flex-wrap: wrap; gap: 12px 14px; align-items: flex-end; }
label { display: flex; flex-direction: column; gap: 5px; font-size: 12px; color: var(--muted); flex: 1; }
.meta { display: flex; flex-wrap: wrap; gap: 9px 12px; align-items: flex-end; }
label { display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; color: var(--muted); flex: 1; }
.meta label { flex: 0 0 auto; }
.meta label.sm { width: 160px; } .meta label.xs { width: 100px; } .meta label:not(.sm):not(.xs):not(.check) { flex: 1; min-width: 140px; }
label.check { flex-direction: row; align-items: center; gap: 7px; white-space: nowrap; padding-bottom: 9px; }
label.check input { width: auto; }
label.big input { font-family: var(--serif); font-size: 23px; font-weight: 600; padding: 11px 13px; }
label.check { flex-direction: row; align-items: center; gap: 7px; white-space: nowrap; padding-bottom: 7px; }
label.check input { width: auto; height: auto; }
label.big input { font-family: var(--serif); font-weight: 600; }
.colorpick { display: flex; align-items: center; gap: 8px; }
.colorpick .swatch { width: 38px; height: 38px; border-radius: 8px; border: 1px solid rgba(0,0,0,.15); flex: none; }
.colorpick .swatch { width: 32px; height: 32px; border-radius: 7px; border: 1px solid rgba(0,0,0,.15); flex: none; }
.colorpick select { flex: 1; }
/* Cover-Upload */
.cover-row { display: flex; align-items: center; gap: 8px; }
.cover-row input { flex: 1; }
.cover-row button { height: 38px; flex: none; }
.cover-thumb { width: 38px; height: 38px; border-radius: 8px; border: 1px solid var(--line); background: center/cover no-repeat; flex: none; }
.cover-row button { height: 32px; flex: none; padding: 0 14px; }
.cover-thumb { width: 32px; height: 32px; border-radius: 7px; border: 1px solid var(--line); background: center/cover no-repeat; flex: none; }
/* Autor:innen-Verwaltung */
.userform { display: flex; gap: 8px; }