Scarriffle/Vorrania
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Lebensmittel-Icon (Apfel) + mehr Abstand vor 'Typ' im Produktformular

Browse Source 
Eigenes food-Icon fuer den Lebensmittel-Sidebar-Eintrag (statt des Sechsecks). Der Block 'Mindestbestand je Lagerort' bekommt Abstand nach unten, damit er nicht am Typ-Umschalter klebt.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Scarriffle
2026-07-27 18:42:12 +02:00
parent 01a3528227
commit 912f3dac6f
3 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/App.jsx
View File

@@ -75,7 +75,7 @@ function Sidebar() {
))} ))}
<NavItem to="/checkin" icon="checkin" label="Einlagern" /> <NavItem to="/checkin" icon="checkin" label="Einlagern" />
<NavItem to="/checkout" icon="checkout" label="Auslagern" /> <NavItem to="/checkout" icon="checkout" label="Auslagern" />
<NavItem to="/lebensmittel" icon="box" label="Lebensmittel" /> <NavItem to="/lebensmittel" icon="food" label="Lebensmittel" />
<NavItem to="/gegenstaende" icon="package" label="Gegenstände" /> <NavItem to="/gegenstaende" icon="package" label="Gegenstände" />
<NavItem to="/items" icon="tag" label="Einzelstücke" /> <NavItem to="/items" icon="tag" label="Einzelstücke" />
<NavItem to="/shopping" icon="cart" label="Einkaufsliste" /> <NavItem to="/shopping" icon="cart" label="Einkaufsliste" />

6
web/src/components/Icon.jsx
View File

@@ -2,6 +2,12 @@
// Verwendung: <Icon name="package" /> oder <Icon name="trash" size={16} /> // Verwendung: <Icon name="package" /> oder <Icon name="trash" size={16} />
const PATHS = { const PATHS = {
food: (
<>
<path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 12 5 20 8 20c1.25 0 2.5-1.06 4-1.06Z" />
<path d="M10 2c1 .5 2 2 2 5" />
</>
),
dashboard: ( dashboard: (
<> <>
<rect x="3" y="3" width="7" height="9" rx="1" /> <rect x="3" y="3" width="7" height="9" rx="1" />

2
web/src/pages/ProductForm.jsx
View File

@@ -678,7 +678,7 @@ export default function ProductForm() {
</div> </div>
{!isNew && product && isAdmin && ( {!isNew && product && isAdmin && (
<div style={{ marginTop: "var(--sp-2)" }}> <div style={{ marginTop: "var(--sp-2)", marginBottom: "var(--sp-5)" }}>
<div className="card-head" style={{ marginBottom: "var(--sp-1)" }}> <div className="card-head" style={{ marginBottom: "var(--sp-1)" }}>
<Icon name="location" size={16} /> <Icon name="location" size={16} />
<h3 style={{ margin: 0 }}>Mindestbestand je Lagerort</h3> <h3 style={{ margin: 0 }}>Mindestbestand je Lagerort</h3>