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/feature81.tsx
+6 -6
View File
@@ -54,7 +54,7 @@ const Feature81 = ({ className }: Feature81Props) => {
با سگمنت‌بندی دقیق، پیام مناسب را به مخاطب مناسب برسانید. داده رفتاری نشان می‌دهد کدام محتوا بیشترین تأثیر را روی تبدیل دارد.
</p>
</div>
<div className="flex w-full flex-col gap-4 sm:gap-6 lg:h-80 lg:flex-row lg:gap-8">
<div className="flex w-full min-w-0 flex-col gap-4 sm:gap-6 lg:h-80 lg:flex-row lg:gap-8">
{items.map((item) => {
const isOpen = activeId === item.id;
@@ -66,20 +66,20 @@ const Feature81 = ({ className }: Feature81Props) => {
aria-label={item.title}
onClick={() => setActiveId(item.id)}
className={cn(
"group relative cursor-pointer overflow-clip rounded-lg text-start transition-all duration-500 ease-out",
"group relative min-w-0 cursor-pointer overflow-clip rounded-lg text-start transition-all duration-500 ease-out",
isOpen
? "min-h-56 flex-2 lg:min-h-0"
: "min-h-28 flex-1 lg:min-h-0",
? "h-56 flex-2 lg:h-full lg:min-h-0"
: "h-28 flex-1 lg:h-full lg:min-h-0",
)}
>
<img
src={item.image}
alt={item.imageAlt}
className="absolute h-full w-full object-cover object-center transition-transform duration-500 group-data-[state=closed]:scale-105"
className="absolute inset-0 size-full object-cover object-center transition-transform duration-500 group-data-[state=closed]:scale-105"
/>
<div
className={cn(
"relative flex h-full w-full flex-col items-start gap-4 px-4 py-5 transition-colors duration-500 md:p-6 lg:p-8",
"relative z-10 flex size-full flex-col items-start gap-4 px-4 py-5 transition-colors duration-500 md:p-6 lg:p-8",
isOpen
? "justify-between bg-black/60 hover:bg-black/65"
: "justify-end bg-black/75 hover:bg-black/80",