jelaletdin/smart-electronics-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed some sizes

Browse Source
This commit is contained in:
Jelaletdin12
2026-03-21 19:32:30 +05:00
parent a3a02ef756
commit 2c850cd07b
4 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/[locale]/cart/page.tsx
View File

@@ -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();

2
features/cart/components/CartItemCard.tsx
View File

@@ -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}

14
features/cart/components/OrderSummary.tsx
View File

@@ -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">

20
features/home/components/ProductCard.tsx
View File

@@ -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>