crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Decrese size

Browse Source
This commit is contained in:
Belen Curcio
2020-10-24 19:35:16 -03:00
parent 7d48c22c23
commit 6b4d32a7d3
4 changed files with 47 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/search.tsx
View File

@@ -111,12 +111,12 @@ export default function Search({
</ul>
</div>
<div className="col-span-8">
<div className="mb-12 animate__animated animate__fadeIn">
<div className="mb-12 transition ease-in duration-75">
{data ? (
<>
<span
className={cn('animate__animated', {
animate__fadeIn: data.found,
className={cn('animated', {
fadeIn: data.found,
hidden: !data.found,
})}
>
@@ -124,8 +124,8 @@ export default function Search({
<strong>{q}</strong>"
</span>
<span
className={cn('animate__animated', {
animate__fadeIn: !data.found,
className={cn('animated', {
fadeIn: !data.found,
hidden: data.found,
})}
>
@@ -145,7 +145,7 @@ export default function Search({
<ProductCard
variant="simple"
key={node.path}
className="animate__animated animate__fadeIn"
className="animated fadeIn"
product={node}
imgWidth={480}
imgHeight={480}
@@ -157,7 +157,7 @@ export default function Search({
{rangeMap(12, (i) => (
<Skeleton
key={i}
className="w-full animate__animated animate__fadeIn"
className="w-full animated fadeIn"
height={325}
/>
))}