christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 15:55:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

Set ASIN column width to 90px

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-10 09:25:34 +02:00
parent 0c75e91c4e
commit 161e77a76b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProductDescriptions.tsx
+2 -2
View File
@@ -31,7 +31,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
const [columnWidths, setColumnWidths] = useState<Record<number, number>>({ const [columnWidths, setColumnWidths] = useState<Record<number, number>>({
[COLUMNS.ARTICLE_NO]: 100, [COLUMNS.ARTICLE_NO]: 100,
[COLUMNS.ARTICLE_NAME]: 250, [COLUMNS.ARTICLE_NAME]: 250,
[COLUMNS.ASIN]: asinColumnIndex !== null ? 120 : 0, [COLUMNS.ASIN]: asinColumnIndex !== null ? 90 : 0,
[COLUMNS.LINE]: 80, [COLUMNS.LINE]: 80,
[COLUMNS.LICENSE]: 120, [COLUMNS.LICENSE]: 120,
[COLUMNS.CLASSIFICATION]: 100, [COLUMNS.CLASSIFICATION]: 100,
@@ -366,7 +366,7 @@ export function ProductDescriptions({ data, headers, asinColumnIndex, onEdit, ro
<td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td> <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>
<td className="px-4 py-3 font-medium text-white truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NAME] }} title={row[COLUMNS.ARTICLE_NAME]}>{row[COLUMNS.ARTICLE_NAME]}</td> <td className="px-4 py-3 font-medium text-white truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NAME] }} title={row[COLUMNS.ARTICLE_NAME]}>{row[COLUMNS.ARTICLE_NAME]}</td>
{asinColumnIndex !== null && ( {asinColumnIndex !== null && (
<td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[asinColumnIndex] || 120 }} title={row[asinColumnIndex]}>{row[asinColumnIndex] || '—'}</td> <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[asinColumnIndex] || 90 }} title={row[asinColumnIndex]}>{row[asinColumnIndex] || '—'}</td>
)} )}
<td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LINE] }}>{row[COLUMNS.LINE]}</td> <td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LINE] }}>{row[COLUMNS.LINE]}</td>
<td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LICENSE] }} title={row[COLUMNS.LICENSE]}>{row[COLUMNS.LICENSE] || '—'}</td> <td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LICENSE] }} title={row[COLUMNS.LICENSE]}>{row[COLUMNS.LICENSE] || '—'}</td>