Davron/spestexnika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive bug fixing

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-04 15:19:47 +05:00
parent 9720f1a6d3
commit 0527b4bb20
13 changed files with 83 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/cards/productCard.tsx
View File

@@ -3,10 +3,13 @@
import { ProductTypes } from "@/types";
import Image from "next/image";
import Link from "next/link";
import Text from "../text";
import { useParams } from "next/navigation";
export default function ProductCard({data}:{data: ProductTypes}) {
const {lang} = useParams();
return (
<Link href={`/${data.path}`} className="h-[400px] flex flex-col items-center justify-between rounded-sm hover:scale-105 hover:cursor-pointer hover:shadow-[0px_0px_5px_10px_#ebebeb]">
<Link href={`/${lang}/${data.path}`} className="h-[400px] flex flex-col items-center justify-between rounded-sm hover:scale-105 hover:cursor-pointer hover:shadow-[0px_0px_5px_10px_#ebebeb]">
<div className="rounded-t-lg bg-white py-15 px-2" >
<Image
src={data.image}
@@ -17,8 +20,8 @@ export default function ProductCard({data}:{data: ProductTypes}) {
/>
</div>
<div className="bg-[#fafafa] w-full py-5 rounded-b-lg flex flex-col items-center justify-center ">
<p>{data.truck_name}</p>
<p className="text-secondary">{data.desc}</p>
<p><Text txt={data.truck_name}/></p>
<p className="text-secondary"><Text txt={data.desc}/></p>
</div>
</Link>
);

4
components/cards/sliderCard.tsx
View File

@@ -13,8 +13,8 @@ export default function SliderCard({data}:{data:ProductTypes}) {
height={600}
className="object-cover max-w-[600px] w-full h-[300px]"
/>
<div className="relative mt-6 text-primary flex flex-col items-start p-4 justify-start bg-gray-50 border-b-6 border-gray-400 group hover:border-b-secondary">
<div className="absolute -top-8 text-[16px] font-semibold left-5 bg-secondary py-1 px-3 clip-trapezoid">
<div className="relative overflow-visible mt-6 text-primary flex flex-col items-start p-4 justify-start bg-gray-50 border-b-6 border-gray-400 group hover:border-b-secondary">
<div className="absolute -top-10 sm:-top-8 text-[16px] font-semibold left-5 bg-secondary py-1 px-3 clip-trapezoid">
<Text txt={data.truck_name}/>
</div>
<div className="text-xl font-bold flex items-center h-[60px] hover:text-secondary"><Text txt={data.desc}/></div>