Merge pull request #157 from Actualiza-Tu-Carro/fix-los-mas-vendidos

Fix los mas vendidos
Dium-dev · Sep 27, 2023 · f786072 · f786072
2 parents 467d74f + 37d4d21
commit f786072
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -3,7 +3,7 @@ import { brands } from '~/mockData/mockBrands';
 import { TopSellers } from '~/components/containerCards/containerCards';
 import { createIconsTypes } from '~/utils/createIcons';
 import { ContainerPage } from './container_page';
-import CategoryCategory from '~/components/containerCards/containerCardsCategoty';
+// import CategoryCategory from '~/components/containerCards/containerCardsCategoty';
 // import { category } from '~/mockData/mockCategory';
 import BrandCategory from '~/components/containerCards/containerCardsBrands';
 import PaymentMethodsList from '~/components/paymentMethod/paymentMethodsList';
@@ -18,8 +18,8 @@ export default function Home() {
   return (
     <ContainerPage header={<MainCarousel />}>
       {/* <CategoryCategory category={category} /> */}
-      <BrandCarrousel />
       <TopSellers />
+      <BrandCarrousel />
       <BrandCategory brand={brands} />
       <Banner />
       <ReviewsContainer reviwes={reviews} />

diff --git a/src/components/cards/ProductCard.tsx b/src/components/cards/ProductCard.tsx
@@ -14,13 +14,13 @@ export function ProductCard({
   const [favorite, setFavorite] = useState(false);
   const handleFavorite = () => setFavorite((cur) => !cur);
   return (
-    <div className="p-6 shadow-md hover:shadow-xl rounded-md overflow-hidden bg-white w-[250px] min-h-[330px] relative space-y-3">
+    <div className="px-10 py-6 shadow-md hover:shadow-xl rounded-md overflow-hidden bg-white w-[270px] min-h-[415px] relative space-y-3 dark:text-text-lm">
       <Image
         src={imageSrc}
         alt="Cubre Volante"
-        width={245}
-        height={154}
-        className="w-[200px] h-[200px]"
+        width={500}
+        height={500}
+        className="w-full aspect-square"
       />
       <div>
         <h3 className="font-semibold mb-2 line-clamp-3">{title}</h3>
@@ -41,7 +41,7 @@ export function ProductCard({
       </div>
       <button
         onClick={handleFavorite}
-        className="group absolute right-2 top-0 w-8 aspect-square rounded-full bg-white p-0.5 grid place-content-center"
+        className="group absolute right-1 top-1 w-8 aspect-square rounded-full p-0.5 grid place-content-center"
       >
         <Heart
           className={