henry
/
mtg-visual-search
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: Update form styling and card loader width

This commit is contained in:
Henry Hobbs 2024-05-25 13:52:35 -04:00
parent b136e841f5
commit 19cdff0c6b
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/page.tsx
View File

@ -60,7 +60,7 @@ export default function Home() {
)} )}
<form <form
onSubmit={handleSubmit} onSubmit={handleSubmit}
style={{ width: "100%", maxWidth: "700px" }} style={{ width: "100%", maxWidth: "700px", paddingBottom: "16px" }}
> >
<Input <Input
placeholder="Type something..." placeholder="Type something..."
@ -89,6 +89,7 @@ export default function Home() {
loadMore={loadMore} loadMore={loadMore}
hasMore={cardsDisplayed.length < cards.length} hasMore={cardsDisplayed.length < cards.length}
loader={<CircularProgress />} loader={<CircularProgress />}
style={{ width: "100%" }}
> >
<Grid container spacing={2} sx={{ flexGrow: 1 }} key="cardGrid"> <Grid container spacing={2} sx={{ flexGrow: 1 }} key="cardGrid">
{cardsDisplayed.map((card) => ( {cardsDisplayed.map((card) => (