From 47a70ea8347957dd1bf5e0bfb905a93b15264e00 Mon Sep 17 00:00:00 2001 From: karim Date: Sun, 31 May 2026 12:53:56 +0200 Subject: [PATCH] =?UTF-8?q?cms:=20Editor-Felder=20kompakter=20(32px=20stat?= =?UTF-8?q?t=2038px,=20engere=20Abst=C3=A4nde)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.8 --- cms/admin/src/styles.css | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/cms/admin/src/styles.css b/cms/admin/src/styles.css index 1a38ef3..2f7a976 100644 --- a/cms/admin/src/styles.css +++ b/cms/admin/src/styles.css @@ -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; }