mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-11-26 23:50:52 +01:00
Update button sizing
This commit is contained in:
parent
828e07bb7b
commit
af989cd06b
@ -89,7 +89,7 @@ export const InventoryBotView: FC<InventoryBotViewProps> = props =>
|
|||||||
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
||||||
{ botItem && <div className="d-flex flex-column flex-grow-1">
|
{ botItem && <div className="d-flex flex-column flex-grow-1">
|
||||||
<p className="flex-grow-1 fs-6 text-black my-2">{ botItem.botData.name }</p>
|
<p className="flex-grow-1 fs-6 text-black my-2">{ botItem.botData.name }</p>
|
||||||
{ !!roomSession && <button type="button" className="btn btn-success" onClick={ event => attemptBotPlacement(botItem) }>{ LocalizeText('inventory.furni.placetoroom') }</button> }
|
{ !!roomSession && <button type="button" className="btn btn-success btn-sm" onClick={ event => attemptBotPlacement(botItem) }>{ LocalizeText('inventory.furni.placetoroom') }</button> }
|
||||||
</div> }
|
</div> }
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -129,7 +129,7 @@ export const InventoryFurnitureView: FC<InventoryFurnitureViewProps> = props =>
|
|||||||
</div> }
|
</div> }
|
||||||
{ groupItem && <div className="d-flex flex-column flex-grow-1">
|
{ groupItem && <div className="d-flex flex-column flex-grow-1">
|
||||||
<p className="flex-grow-1 fs-6 text-black my-2">{ groupItem.name }</p>
|
<p className="flex-grow-1 fs-6 text-black my-2">{ groupItem.name }</p>
|
||||||
{ !!roomSession && <button type="button" className="btn btn-success" onClick={ event => attemptItemPlacement(groupItem) }>{ LocalizeText('inventory.furni.placetoroom') }</button> }
|
{ !!roomSession && <button type="button" className="btn btn-success btn-sm" onClick={ event => attemptItemPlacement(groupItem) }>{ LocalizeText('inventory.furni.placetoroom') }</button> }
|
||||||
</div> }
|
</div> }
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -29,7 +29,7 @@ export const InventoryFurnitureSearchView: FC<InventoryFurnitureSearchViewProps>
|
|||||||
}, [ groupItems, setGroupItems, searchValue ]);
|
}, [ groupItems, setGroupItems, searchValue ]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="d-flex me-1 mb-1">
|
<div className="d-flex mb-1">
|
||||||
<div className="d-flex flex-grow-1 me-1">
|
<div className="d-flex flex-grow-1 me-1">
|
||||||
<input type="text" className="form-control form-control-sm" placeholder="search" value={ searchValue } onChange={ event => setSearchValue(event.target.value) } />
|
<input type="text" className="form-control form-control-sm" placeholder="search" value={ searchValue } onChange={ event => setSearchValue(event.target.value) } />
|
||||||
</div>
|
</div>
|
||||||
|
@ -89,7 +89,7 @@ export const InventoryPetView: FC<InventoryPetViewProps> = props =>
|
|||||||
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
||||||
{ petItem && <div className="d-flex flex-column flex-grow-1">
|
{ petItem && <div className="d-flex flex-column flex-grow-1">
|
||||||
<p className="flex-grow-1 fs-6 text-black my-2">{ petItem.petData.name }</p>
|
<p className="flex-grow-1 fs-6 text-black my-2">{ petItem.petData.name }</p>
|
||||||
{ !!roomSession && <button type="button" className="btn btn-success" onClick={ event => attemptPetPlacement(petItem) }>{ LocalizeText('inventory.furni.placetoroom') }</button> }
|
{ !!roomSession && <button type="button" className="btn btn-success btn-sm" onClick={ event => attemptPetPlacement(petItem) }>{ LocalizeText('inventory.furni.placetoroom') }</button> }
|
||||||
</div> }
|
</div> }
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user