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

some edit

Browse Source
This commit is contained in:
mr.sabri
2026-08-13 20:38:45 +03:30
parent 1cea5b78cb
commit 031e0cc413
24 changed files with 462 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocks/feature251.tsx
+14 -10
View File
@@ -24,10 +24,14 @@ const Feature251 = ({ className }: Feature251Props) => {
const div6Ref = useRef<HTMLDivElement>(null);
const div7Ref = useRef<HTMLDivElement>(null);
return (
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
<div className="container">
<div className="mx-auto flex max-w-5xl flex-wrap items-center justify-center gap-5">
<Card className="relative h-96 w-166 rounded-3xl border">
<section
dir="rtl"
lang="fa"
className={cn("relative w-full min-w-0 overflow-hidden py-16 md:py-24 lg:py-32", className)}
>
<div className="container min-w-0 px-4 sm:px-6">
<div className="mx-auto flex w-full min-w-0 max-w-5xl flex-wrap items-center justify-center gap-5">
<Card className="relative h-96 w-full min-w-0 overflow-hidden rounded-3xl border md:w-166">
<CardHeader className="text-start">
<h3 className="text-xl font-semibold tracking-tight text-balance">
تریگر رویداد
@@ -36,7 +40,7 @@ const Feature251 = ({ className }: Feature251Props) => {
شرط هوشمند
</p>
</CardHeader>
<CardContent ref={containerRef1} className="relative ms-5">
<CardContent ref={containerRef1} className="relative ms-2 overflow-hidden sm:ms-5">
<IconCard
ref={div1Ref as React.RefObject<HTMLDivElement>}
src="/block-media/shadcnblocks/block/logos/google-icon.svg"
@@ -47,7 +51,7 @@ const Feature251 = ({ className }: Feature251Props) => {
ref={div2Ref as React.RefObject<HTMLDivElement>}
src="/block-media/shadcnblocks/block/logos/figma-icon.svg"
imageAlt="نمای اتوماسیون فرایند"
className="translate-x-32 rtl:-translate-x-32"
className="translate-x-12 rtl:-translate-x-12 sm:translate-x-20 sm:rtl:-translate-x-20 md:translate-x-32 md:rtl:-translate-x-32"
/>
<IconCard
ref={div3Ref as React.RefObject<HTMLDivElement>}
@@ -59,7 +63,7 @@ const Feature251 = ({ className }: Feature251Props) => {
ref={div5Ref as React.RefObject<HTMLDivElement>}
src="/block-media/shadcnblocks/block/block-1.svg"
imageAlt="سازنده گردش‌کار"
className="absolute end-12 top-1/2 -translate-y-1/2"
className="absolute end-4 top-1/2 -translate-y-1/2 sm:end-8 md:end-12"
/>
<div
ref={div4Ref as React.RefObject<HTMLDivElement>}
@@ -94,7 +98,7 @@ const Feature251 = ({ className }: Feature251Props) => {
</CardContent>
</Card>
<Card className="h-96 w-full rounded-3xl border md:w-83">
<Card className="h-96 w-full min-w-0 overflow-hidden rounded-3xl border md:w-83">
<CardHeader className="text-start">
<h3 className="text-xl font-semibold tracking-tight text-balance">
اعلان خودکار
@@ -132,7 +136,7 @@ const Feature251 = ({ className }: Feature251Props) => {
</CardContent>
</Card>
<Card className="relative flex h-96 w-full flex-col rounded-3xl border md:w-[330px]">
<Card className="relative flex h-96 w-full min-w-0 flex-col overflow-hidden rounded-3xl border md:w-[330px]">
<CardContent>
<img
src="/block-media/shadcnblocks/block/block-1.svg"
@@ -149,7 +153,7 @@ const Feature251 = ({ className }: Feature251Props) => {
</p>
</CardHeader>
</Card>
<Card className="relative flex h-96 w-166 flex-col overflow-hidden rounded-3xl border">
<Card className="relative flex h-96 w-full min-w-0 flex-col overflow-hidden rounded-3xl border md:w-166">
<CardHeader className="relative z-10 shrink-0 text-start">
<h3 className="text-xl font-semibold tracking-tight text-balance">
اتصال ابزار