Web: Produkte in Lebensmittel/Gegenstaende getrennt; Spalten-Labels; Produktformular aufgeraeumt

1) Zwei getrennte Sidebar-Eintraege 'Lebensmittel' und 'Gegenstaende' (Products mit fixedType) statt einem 'Produkte' mit Umschalter - so vermischt sich nichts. 2) Spalten-Waehler zeigt sprechende Labels ('Bild' statt 'thumb', 'Aktionen', ...). 3) Produktformular: leerer Grow-Platzhalter unter 'Typ' entfernt und 'Neue Kategorie' direkt neben das Kategorie-Dropdown gruppiert; Formular wieder auf Lesebreite (kein content--wide), da das Layout-Problem intern war.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-27 18:26:41 +02:00
parent 4aa6d9597b
commit 01a3528227
9 changed files with 35 additions and 26 deletions

View File

@@ -703,7 +703,7 @@ export default function ProductForm() {
)}
</>)}
<div className="row">
<label className="grow seg-label">
<label className="seg-label">
Typ
<div className="segmented">
<button type="button" className={modus === "food" ? "active" : ""}
@@ -716,10 +716,9 @@ export default function ProductForm() {
</button>
</div>
</label>
<div className="grow" />
</div>
<div className="row">
<label className="grow">
<label className="grow" style={{ maxWidth: 460 }}>
<span className="tip" title="Nur Kategorien des gewählten Typs. Gegenstands-Kategorien zeigen Menge je Lagerort, Lebensmittel MHD/Chargen.">
Kategorie
</span>
@@ -732,7 +731,7 @@ export default function ProductForm() {
/>
</label>
{isAdmin && (
<div className="grow" style={{ display: "flex", alignItems: "flex-end" }}>
<div style={{ display: "flex", alignItems: "flex-end" }}>
<button type="button" className="btn" style={{ marginBottom: 2 }}
onClick={() => (newCat ? setNewCat(null) : openNewCat())}>
<Icon name="plus" size={16} />Neue Kategorie