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

use 3 columns for grid on wider screens

Browse source 
This isn't as great for modeling cards, but it's fine imo, and it's much better for item list cards (where there's practically no badges)
This commit is contained in:
Emi Matchu 2020-09-11 22:13:38 -07:00
parent d1262f77d7
commit 0d7efb2357
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/app/ItemsPage.js
View file

@ -100,7 +100,7 @@ function ItemsPage() {
return (
<Box>
<Heading1 marginBottom="8">
<Heading1 marginBottom="6">
{isCurrentUser ? "Items you own" : `Items ${data.user.username} owns`}
</Heading1>
<ItemCardList>
@ -118,7 +118,7 @@ function ItemsPage() {
))}
</ItemCardList>
<Heading1 marginBottom="8" marginTop="8">
<Heading1 marginBottom="6" marginTop="8">
{isCurrentUser ? "Items you want" : `Items ${data.user.username} wants`}
</Heading1>
<ItemCardList>

3
src/app/components/ItemCard.js
View file

@ -29,6 +29,7 @@ function ItemCard({ item, badges, ...props }) {
borderColor={borderColor}
className="item-card"
width="100%"
minWidth="0"
{...props}
>
<ItemCardContent
@ -178,7 +179,7 @@ function ItemName({ children, isDisabled, focusSelector, ...props }) {
export function ItemCardList({ children }) {
return (
<SimpleGrid columns={{ sm: 1, lg: 2 }} spacing="6">
<SimpleGrid columns={{ sm: 1, md: 2, lg: 3 }} spacing="6">
{children}
</SimpleGrid>
);