diff --git a/client_v2/src/lib/components/AddSpoolModal.svelte b/client_v2/src/lib/components/AddSpoolModal.svelte index 7398a9c9..e1a759e5 100644 --- a/client_v2/src/lib/components/AddSpoolModal.svelte +++ b/client_v2/src/lib/components/AddSpoolModal.svelte @@ -17,6 +17,7 @@ import { spoolSource, type NewFilamentDraft } from '$lib/api/spoolSource'; import { fields } from '$lib/stores/fields.svelte'; import { externalColors, externalDirection, type ExternalFilament } from '$lib/api/external'; + import { weightAuto } from '$lib/utils/format'; import { loadMaterials, type MaterialSpec } from '$lib/data/materials'; import * as m from '$lib/paraglide/messages'; @@ -456,6 +457,12 @@ {f.name} {vendorName(f)} · {f.material} + + {#if f.weight} + {weightAuto(f.weight)} + {/if} {m['add.inCatalog']()} {/each} @@ -483,6 +490,13 @@ {ext.name} {ext.manufacturer} · {ext.material} + + {#if ext.weight} + {weightAuto(ext.weight)} + {/if} {serverInfo.externalDbName} {/each} @@ -634,7 +648,14 @@ >{serverInfo.externalDbName}{/if} -
{cVendor(chosen)} · {cMaterial(chosen)}
+ +
+ {cVendor(chosen)} · {cMaterial(chosen)}{cWeight(chosen) + ? ' · ' + weightAuto(cWeight(chosen)) + : ''} +
@@ -929,6 +950,13 @@ color: var(--text-muted); font-size: 12px; } + .res-weight { + flex: none; + white-space: nowrap; + font-size: 12px; + font-variant-numeric: tabular-nums; + color: var(--text); + } .tag { font-size: 10.5px; padding: 1px 7px;