Adding fix for weird small card slow load in issue.
This commit is contained in:
@@ -107,12 +107,14 @@ export default function Home(props) {
|
|||||||
<h2>Please search for a card!</h2>
|
<h2>Please search for a card!</h2>
|
||||||
</div>
|
</div>
|
||||||
:
|
:
|
||||||
<section className="flex flex-wrap justify-center items-center">
|
<section className="justify-center items-center">
|
||||||
{loading && search !== "" ?
|
{loading && search !== "" ?
|
||||||
<div className="spinner mx-auto"></div>
|
<div className="flex justify-center items-center">
|
||||||
|
<div className="spinner mx-auto"></div>
|
||||||
|
</div>
|
||||||
:
|
:
|
||||||
cardRow && cardRow.map( (row: any, i: number) =>
|
cardRow && cardRow.map( (row: any, i: number) =>
|
||||||
<Transition className="flex" key={`row-${i}`}>
|
<Transition className="flex flex-wrap w-full" key={`row-${i}`}>
|
||||||
{row.map( (card: any, i: number) =>
|
{row.map( (card: any, i: number) =>
|
||||||
<Image onClick={() => {
|
<Image onClick={() => {
|
||||||
setSelectedCard(card);
|
setSelectedCard(card);
|
||||||
|
|||||||
Reference in New Issue
Block a user