ar.badiei/reui-blocks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

six bug

Browse Source
This commit is contained in:
mr.sabri
2026-07-27 12:56:06 +03:30
parent d5488386ff
commit 1cea5b78cb
45 changed files with 1406 additions and 936 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocks/feature140.tsx
+26 -17
View File
@@ -12,8 +12,7 @@ import { cn } from "@/lib/utils";
const items = [
{
title: "پیشنهاد عنوان",
description:
"ساختار عنوان و توضیحات را برای کلیک بیشتر بهینه کنید.",
description: "ساختار عنوان و توضیحات را برای کلیک بیشتر بهینه کنید.",
imgSrc: "/block-media/shadcnblocks/block/placeholder-dark-1.svg",
},
{
@@ -36,42 +35,52 @@ interface Feature140Props {
const Feature140 = ({ className }: Feature140Props) => {
return (
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
<div className="container">
<section
dir="rtl"
lang="fa"
className={cn(
"relative w-full max-w-full overflow-hidden py-32",
className,
)}
>
<div className="container min-w-0 max-w-full">
<Carousel
className="relative w-full"
className="relative w-full min-w-0"
opts={{
align: "start",
loop: true,
direction: "rtl",
}}
>
<CarouselContent className="ease-in">
<CarouselContent className="ml-0 ease-in">
{items.map((item) => (
<CarouselItem key={item.title}>
<div className="flex flex-col items-center justify-between gap-4 rounded-2xl bg-muted py-20 ps-8 md:flex-row md:ps-16">
<div className="w-full pe-2 text-start md:max-w-xs md:pe-0">
<h2 className="mb-6 text-xl font-medium sm:text-xl md:text-2xll">
<CarouselItem key={item.title} className="min-w-0 basis-full pl-0">
<div className="relative flex min-w-0 flex-col items-center justify-between gap-4 overflow-hidden rounded-2xl bg-muted pt-20 ps-8 pb-32 md:flex-row md:ps-16">
<div className="w-full min-w-0 pe-2 text-start md:max-w-xs md:pe-0">
<h2 className="mb-6 max-w-full text-xl font-medium text-balance break-words sm:text-xl md:text-2xll">
{item.title}
</h2>
<p className="text-sm text-muted-foreground md:text-base">
<p className="text-sm text-pretty break-words text-muted-foreground md:text-base">
{item.description}
</p>
</div>
<div className="w-full max-w-2xl">
<div className="w-full min-w-0 max-w-2xl self-start md:self-center">
<img
src={item.imgSrc}
alt={`نمای ${item.title}`}
className="h-80 max-h-[560px] w-full rounded-s-2xl object-cover md:h-full"
className="h-80 max-h-[560px] w-full max-w-full rounded-s-2xl object-cover md:h-auto md:max-h-[28rem]"
draggable={false}
/>
</div>
</div>
</CarouselItem>
))}
</CarouselContent>
<div className="absolute bottom-16 start-16 md:bottom-11">
<CarouselPrevious className="size-14" />
<div className="absolute bottom-10 start-16 z-20">
<CarouselPrevious className="static size-14 translate-y-0 rtl:rotate-180" />
</div>
<div className="absolute end-16 bottom-16 md:bottom-11">
<CarouselNext className="size-14" />
<div className="absolute end-16 bottom-10 z-20">
<CarouselNext className="static size-14 translate-y-0 rtl:rotate-180" />
</div>
</Carousel>
</div>