From 2c850cd07b8ad46ff420b0b9256ef0fab0a8244b Mon Sep 17 00:00:00 2001
From: Jelaletdin12 <jcarymuhammedow@gmail.com>
Date: Sat, 21 Mar 2026 19:32:30 +0500
Subject: [PATCH] fixed some sizes

---
 app/[locale]/cart/page.tsx                |  8 ++++----
 features/cart/components/CartItemCard.tsx |  2 +-
 features/cart/components/OrderSummary.tsx | 14 +++++++-------
 features/home/components/ProductCard.tsx  | 20 ++++++++++----------
 4 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/app/[locale]/cart/page.tsx b/app/[locale]/cart/page.tsx
index d34c184..d98f7d8 100644
--- a/app/[locale]/cart/page.tsx
+++ b/app/[locale]/cart/page.tsx
@@ -22,12 +22,12 @@ export default function CartPage() {
   const [paymentType, setPaymentType] = useState<PaymentType | null>(null);
   const [deliveryType, setDeliveryType] =
     useState<DeliveryType>("SELECTED_DELIVERY");
-  const [selectedRegion, setSelectedRegion] = useState<string>("");
-  const [selectedProvince, setSelectedProvince] = useState<number | null>(null);
+  const [selectedRegion, setSelectedRegion] = useState<string>("ag");
+  const [selectedProvince, setSelectedProvince] = useState<number | null>(4);
   const [note, setNote] = useState<string>("");
   const [phone, setPhone] = useState<string>("+993 ");
-  const [name, setName] = useState<string>("");
-  const [lastName, setLastName] = useState<string>("");
+  const [name, setName] = useState<string>("user");
+  const [lastName, setLastName] = useState<string>("user");
   const router = useRouter();
   const t = useTranslations();
 
diff --git a/features/cart/components/CartItemCard.tsx b/features/cart/components/CartItemCard.tsx
index 7f16b31..f3576e4 100644
--- a/features/cart/components/CartItemCard.tsx
+++ b/features/cart/components/CartItemCard.tsx
@@ -281,7 +281,7 @@ export default function CartItemCard({ item, onUpdate }: CartItemCardProps) {
         <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-3">
           {/* Product Image & Info */}
           <div className="md:flex gap-4 flex-1">
-            <div className="relative w-full h-full min-h-[200px] rounded-lg border border-gray-200 overflow-hidden shrink-0 bg-gray-50">
+            <div className="relative w-full aspect-square rounded-lg border border-gray-200 overflow-hidden shrink-0 bg-gray-50">
               <Image
                 src={getImageSrc()}
                 alt={item.product.name}
diff --git a/features/cart/components/OrderSummary.tsx b/features/cart/components/OrderSummary.tsx
index dc38b10..741601d 100644
--- a/features/cart/components/OrderSummary.tsx
+++ b/features/cart/components/OrderSummary.tsx
@@ -133,14 +133,14 @@ export default function OrderSummary({
   };
 
   return (
-    <Card className="w-full lg:w-[340px] md:w-[300px]  p-6 rounded-lg border border-gray-200 shadow-lg h-fit sticky top-20">
+    <Card className="w-full lg:w-[340px] md:w-[300px] gap-0 p-6 rounded-lg border border-gray-200 shadow-lg h-fit sticky top-20">
       {/* Customer Information */}
       <div className="mb-8">
         <h3 className="text-xl font-bold mb-5 text-gray-900">
           {t("customer_information")}
         </h3>
         <div className="space-y-5">
-          <div>
+          {/* <div>
             <Label className="text-sm font-semibold mb-2 block text-gray-700">
               {t("name")}
             </Label>
@@ -182,7 +182,7 @@ export default function OrderSummary({
                 {t("requiredField")}
               </p>
             )}
-          </div>
+          </div> */}
 
           <div>
             <Label className="text-sm font-semibold mb-2 block text-gray-700">
@@ -209,7 +209,7 @@ export default function OrderSummary({
       </div>
 
       {/* Region Selection */}
-      <div className="mb-8">
+      {/* <div className="mb-8">
         <Label className="text-xl font-bold mb-4 block text-gray-900">
           {t("choose_region")}
         </Label>
@@ -246,10 +246,10 @@ export default function OrderSummary({
             {t("requiredField")}
           </p>
         )}
-      </div>
+      </div> */}
 
       {/* Province Selection */}
-      {selectedRegion && provincesForSelectedRegion.length > 0 && (
+      {/* selectedRegion && provincesForSelectedRegion.length > 0 && (
         <div className="mb-8">
           <Label className="text-xl font-bold mb-4 block text-gray-900">
             {t("choose_address")}
@@ -285,7 +285,7 @@ export default function OrderSummary({
             </p>
           )}
         </div>
-      )}
+      ) */}
 
       {/* Note */}
       <div className="mb-8">
diff --git a/features/home/components/ProductCard.tsx b/features/home/components/ProductCard.tsx
index 2cafc18..79c2ac4 100644
--- a/features/home/components/ProductCard.tsx
+++ b/features/home/components/ProductCard.tsx
@@ -272,7 +272,7 @@ export default function ProductCard({
           // style={{ height, maxWidth: width }}
         >
           {/* Image Section */}
-          <div className="relative w-full h-full bg-gradient-to-br from-gray-50 to-gray-100 overflow-hidden">
+          <div className="relative w-full aspect-square bg-gradient-to-br from-gray-50 to-gray-100 overflow-hidden">
             <Carousel
               opts={{ align: "start", loop: true, watchDrag: true }}
               setApi={setApi}
@@ -281,14 +281,14 @@ export default function ProductCard({
               onPointerUp={() => setIsInteracting(false)}
               onPointerCancel={() => setIsInteracting(false)}
             >
-              <CarouselContent className="h-auto ml-0">
+              <CarouselContent className="h-full ml-0">
                 {images.map((image, idx) => (
-                  <CarouselItem key={idx} className="h-auto pl-0">
-                    <div className="h-full flex items-center justify-center  p-2">
+                  <CarouselItem key={idx} className="h-full pl-0">
+                    <div className="w-full h-full flex items-center justify-center p-1 md:p-2">
                       <img
                         src={image}
                         alt={`${name} - ${idx + 1}`}
-                        className={`max-w-full max-h-full object-cover transition-transform duration-500 ${
+                        className={`max-w-full max-h-full object-contain rounded-t-sm transition-transform duration-500 ${
                           isHovered ? "scale-105" : "scale-100"
                         }`}
                         draggable="false"
@@ -372,17 +372,17 @@ export default function ProductCard({
           {/* Content Section */}
           <CardContent className="p-3 space-y-3">
             {/* Product Name */}
-            <h3 className="text-gray-900 text-base font-semibold leading-tight line-clamp-2">
+            <h3 className="text-gray-900 text-base font-semibold leading-tight line-clamp-2 min-h-[40px]">
               {name}
             </h3>
 
             {/* Price */}
-            <div className="flex  items-baseline gap-1">
+            <div className="flex-col flex md:flex-row  items-baseline gap-1">
               <p
                 className="text-xl font-bold tracking-tight"
                 style={{ color: price_color }}
               >
-                {struct_price_text}
+                {struct_price_text.replace(/\.00\b/, "")}
               </p>
               {oldPrice && (
                 <span className="text-sm text-gray-400 line-through ">
@@ -426,9 +426,9 @@ export default function ProductCard({
                       ) : (
                         <>
                           <ShoppingCart className="h-5 w-5" />
-                          <span className="hidden md:flex">
+                          {/* <span className="hidden md:flex">
                             {t("add_to_cart")}
-                          </span>
+                          </span> */}
                         </>
                       )}
                     </Button>