fixing sizing of in-flight variants

jakedahn · jakedahn · commit 51f40dfca455 · 2025-03-03T13:41:37.000-07:00
diff --git a/typescript/packages/jumble/src/views/CharmDetailView.tsx b/typescript/packages/jumble/src/views/CharmDetailView.tsx
@@ -541,7 +541,7 @@ const Variants = () => {
         {Array.from({ length: expectedVariantCount - variants.length }).map((_, idx) => (
           <div
             key={`loading-${idx}`}
-            className="variant-item min-w-36 h-24 border-2 border-dashed border-gray-300 flex items-center justify-center flex-shrink-0"
+            className="variant-item min-w-48 h-32 border-2 border-dashed border-gray-300 flex items-center justify-center flex-shrink-0"
           >
             <DitheredCube animationSpeed={2} width={24} height={24} animate cameraZoom={12} />
           </div>

Original file line number	Diff line number	Diff line change
`@@ -541,7 +541,7 @@ const Variants = () => {`
`541`	`541`	`{Array.from({ length: expectedVariantCount - variants.length }).map((_, idx) => (`
`542`	`542`	`<div`
`543`	`543`	key={`loading-${idx}`}
`544`		`- className="variant-item min-w-36 h-24 border-2 border-dashed border-gray-300 flex items-center justify-center flex-shrink-0"`
	`544`	`+ className="variant-item min-w-48 h-32 border-2 border-dashed border-gray-300 flex items-center justify-center flex-shrink-0"`
`545`	`545`	`>`
`546`	`546`	`<DitheredCube animationSpeed={2} width={24} height={24} animate cameraZoom={12} />`
`547`	`547`	`</div>`