Jakub_Hostacny/Coop-NL
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: tri styly textu produktu podla vzoru coop_nws_009

Browse Source 
- nazov 15px/700, gramaz 15px/400 v tom istom riadku, jednotkova cena 11px #555
  pod nazvom, volitelna poznamka 10px #888 (napr. Ilustracne foto)
- text zarovnany vlavo s odsadenim 14px; jednotkova cena sa presunula spod cenovky
- nove polia Gramaz / mnozstvo a Poznamka pri produkte aj vernostnom produkte

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Jakub_HostacnyandClaude Opus 5.5 committed 2026-10-19 16:48:42 +02:00
1 parent ffba0e0842
commit 090fd8d1ce
3 files changed
+87 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/editor/ConfigPanel.tsx
+64 -1
View File
@@ -805,6 +805,37 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
/>
</div>
<div className="grid grid-cols-2 gap-2">
<div>
<label className="text-[10px] text-gray-500 font-semibold block mb-0.5">Gramáž / množstvo</label>
<input
type="text"
value={p.quantity || ''}
onChange={(e) => {
const products = [...module.data.products];
products[pIdx].quantity = e.target.value;
updateData({ products });
}}
placeholder="napr. 35 g"
className="w-full text-xs border border-gray-300 rounded p-1.5 bg-white"
/>
</div>
<div>
<label className="text-[10px] text-gray-500 font-semibold block mb-0.5">Poznámka (voliteľné)</label>
<input
type="text"
value={p.note || ''}
onChange={(e) => {
const products = [...module.data.products];
products[pIdx].note = e.target.value;
updateData({ products });
}}
placeholder="napr. Ilustračné foto"
className="w-full text-xs border border-gray-300 rounded p-1.5 bg-white"
/>
</div>
</div>
<ImageUploadInput
label="Obrázok produktu"
value={p.imageUrl || ''}
@@ -892,7 +923,7 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
/>
</div>
<div>
<label className="text-[10px] text-gray-500">Merná cena</label>
<label className="text-[10px] text-gray-500">Jednotková cena</label>
<input
type="text"
value={p.unitPrice}
@@ -901,6 +932,7 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
products[pIdx].unitPrice = e.target.value;
updateData({ products });
}}
placeholder="jednotková cena 9,43 EUR/kg"
className="w-full text-xs border border-gray-300 rounded p-1 bg-white text-[10px]"
/>
</div>
@@ -1457,6 +1489,37 @@ export const ConfigPanel: React.FC<ConfigPanelProps> = ({
/>
</div>
<div className="grid grid-cols-2 gap-2">
<div>
<label className="text-[10px] text-gray-500 font-semibold block mb-0.5">Gramáž / množstvo</label>
<input
type="text"
value={p.quantity || ''}
onChange={(e) => {
const products = [...module.data.products];
products[pIdx].quantity = e.target.value;
updateData({ products });
}}
placeholder="napr. 35 g"
className="w-full text-xs border border-gray-300 rounded p-1.5 bg-white"
/>
</div>
<div>
<label className="text-[10px] text-gray-500 font-semibold block mb-0.5">Poznámka (voliteľné)</label>
<input
type="text"
value={p.note || ''}
onChange={(e) => {
const products = [...module.data.products];
products[pIdx].note = e.target.value;
updateData({ products });
}}
placeholder="napr. Ilustračné foto"
className="w-full text-xs border border-gray-300 rounded p-1.5 bg-white"
/>
</div>
</div>
<ImageUploadInput
label="Obrázok produktu"
value={p.imageUrl || ''}