diff --git a/web/src/App.jsx b/web/src/App.jsx index 4e5fbac..a920c90 100644 --- a/web/src/App.jsx +++ b/web/src/App.jsx @@ -150,7 +150,7 @@ export default function App() { } /> } /> } /> - } /> + } /> } /> } /> } /> diff --git a/web/src/pages/ProductForm.jsx b/web/src/pages/ProductForm.jsx index 4151a4d..e1602d3 100644 --- a/web/src/pages/ProductForm.jsx +++ b/web/src/pages/ProductForm.jsx @@ -593,7 +593,7 @@ export default function ProductForm() { {error &&
{error}
} -
+
{/* Bild steht neben den Kennfeldern, nicht darueber: Der Platz rechts von Barcode, Name und Marke ist ohnehin selten ausgenutzt. Fehlt diff --git a/web/src/styles.css b/web/src/styles.css index dc47d0d..5a9ffda 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -189,6 +189,14 @@ h2 { font-size: 0.95rem; font-weight: 650; margin: 0 0 var(--sp-3); letter-spaci @media (max-width: 1000px) { .grid-2.wide-aside { grid-template-columns: minmax(0, 1fr); } } +/* Artikelseite (Bearbeiten): links das Formular - dessen Felder brauchen keine + halbe Seite -, rechts die Chargen-/Bestandstabelle, die den restlichen Platz + bekommt, damit Menge/MHD/Lagerort ohne Seitwaerts-Scrollen nebeneinander + passen. Spiegelbild von .wide-aside (dort steht die Tabelle links). */ +.grid-2.form-plus-table { grid-template-columns: clamp(440px, 34%, 640px) minmax(0, 1fr); align-items: start; } +@media (max-width: 1000px) { + .grid-2.form-plus-table { grid-template-columns: minmax(0, 1fr); } +} /* ---------- Forms ---------- */ label { display: block; margin-bottom: var(--sp-4); font-size: 0.8rem; color: var(--muted); font-weight: 580; }