OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

Increase preview size on item page

Browse source
This commit is contained in:
Emi Matchu 2021-02-03 16:08:02 -08:00
parent f3e19158d0
commit c3cb923b58
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/app/ItemPage.js
View file

@ -684,10 +684,15 @@ function ItemPageOutfitPreview({ itemId }) {
const isIncompatible = Array.isArray(layers) && layers.length === 0; const isIncompatible = Array.isArray(layers) && layers.length === 0;
return ( return (
<Stack direction={{ base: "column", md: "row" }} spacing="8"> <Stack
<VStack spacing="3" width="100%"> direction={{ base: "column", md: "row" }}
justify="center"
spacing="8"
width="100%"
>
<VStack spacing="3" maxWidth="100%">
<AspectRatio <AspectRatio
width="300px" width="400px"
maxWidth="100%" maxWidth="100%"
ratio="1" ratio="1"
border="1px" border="1px"
@ -767,7 +772,7 @@ function ItemPageOutfitPreview({ itemId }) {
</Box> </Box>
</Box> </Box>
</VStack> </VStack>
<Box maxWidth="400px"> <Box maxWidth="460px" paddingTop="2">
<SpeciesFacesPicker <SpeciesFacesPicker
selectedSpeciesId={petState.speciesId} selectedSpeciesId={petState.speciesId}
selectedColorId={petState.colorId} selectedColorId={petState.colorId}
@ -1108,8 +1113,8 @@ function SpeciesFaceOption({
`https://pets.neopets-asset-proxy.openneo.net/cp/${neopetsImageHash}/${emotionId}/6.png 2x` `https://pets.neopets-asset-proxy.openneo.net/cp/${neopetsImageHash}/${emotionId}/6.png 2x`
} }
alt={speciesName} alt={speciesName}
width={50} width={55}
height={50} height={55}
data-is-loading={isLoading} data-is-loading={isLoading}
data-is-disabled={isDisabled} data-is-disabled={isDisabled}
className={css` className={css`