🆙 Complete rebuild of toolbar / catalog / inventory make it 100% mobile friendly Take #1

2026-06-20 15:36:18 +00:00 · 2026-05-29 11:30:17 +02:00
parent fbcda88cd3
commit d0c11f047a
19 changed files with 680 additions and 488 deletions
@@ -84,6 +84,8 @@ export const InventoryPetView: FC<{
            <div className="flex flex-col col-span-7 gap-1 overflow-hidden">
                <InfiniteGrid<IPetItem>
                    columnCount={ 6 }
+                    estimateSize={ 46 }
+                    itemMinWidth={ 46 }
                    itemRender={ item => <InventoryPetItemView petItem={ item } /> }
                    items={ petItems } />
            </div>
@@ -101,7 +103,7 @@ export const InventoryPetView: FC<{
                        <div className="flex flex-col justify-between gap-2 grow">
                            <span className="text-sm truncate grow">{ selectedPet.petData.name }</span>
                            { !!roomSession &&
-                                <NitroButton onClick={ event => attemptPetPlacement(selectedPet) }>
+                                <NitroButton className="nitro-inventory-btn-place" onClick={ event => attemptPetPlacement(selectedPet) }>
                                    { LocalizeText('inventory.furni.placetoroom') }
                                </NitroButton> }
                        </div> }