boha_admin/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 26 Wiki Activity

fix: stack item description fields vertically with flex column

Browse Source
This commit is contained in:
BOHA
2026-03-24 07:54:10 +01:00
parent a866384f08
commit 96cbaf3315
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/admin/pages/OfferDetail.tsx
View File

@@ -128,11 +128,13 @@ function SortableItemRow({ item, index, currency, readOnly, canDelete, onUpdate,
</td>
)}
<td style={{ textAlign: 'center', color: 'var(--text-tertiary)' }}>{index + 1}</td>
<td>
<input type="text" value={item.description} onChange={e => onUpdate('description', e.target.value)}
className="admin-form-input" placeholder="Název položky" readOnly={readOnly} style={{ marginBottom: '0.25rem', fontWeight: 500 }} />
<input type="text" value={item.item_description} onChange={e => onUpdate('item_description', e.target.value)}
className="admin-form-input" placeholder="Podrobný popis (volitelný)" readOnly={readOnly} style={{ fontSize: '0.8rem', opacity: 0.8 }} />
<td style={{ verticalAlign: 'top' }}>
<div style={{ display: 'flex', flexDirection: 'column', gap: '0.25rem' }}>
<input type="text" value={item.description} onChange={e => onUpdate('description', e.target.value)}
className="admin-form-input" placeholder="Název položky" readOnly={readOnly} style={{ fontWeight: 500 }} />
<input type="text" value={item.item_description} onChange={e => onUpdate('item_description', e.target.value)}
className="admin-form-input" placeholder="Podrobný popis (volitelný)" readOnly={readOnly} style={{ fontSize: '0.8rem', opacity: 0.8 }} />
</div>
</td>
<td>
<input type="number" value={item.quantity} onChange={e => onUpdate('quantity', parseFloat(e.target.value) || 0)}