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/feature19.tsx
+29 -19
View File
@@ -93,27 +93,32 @@ interface Feature19Props {
const Feature19 = ({ className }: Feature19Props) => {
return (
<section dir="rtl" lang="fa" className={cn("py-32", className)}>
<div className="container">
<div className="mx-auto flex max-w-3xl flex-col items-center gap-6">
<h2 className="text-center text-3xl font-semibold lg:text-2xll">
<section
dir="rtl"
lang="fa"
className={cn("w-full overflow-hidden py-32", className)}
>
<div className="container min-w-0">
<div className="mx-auto flex min-w-0 max-w-3xl flex-col items-center gap-6">
<h2 className="max-w-full text-center text-3xl font-semibold text-balance break-words lg:text-2xll">
با هوش مصنوعی سریع‌تر تصمیم بگیرید
</h2>
<p className="text-center text-balance text-muted-foreground lg:text-xl">
مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند. تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
<p className="max-w-full text-center text-balance break-words text-muted-foreground lg:text-xl">
مدل‌های هوشمند الگوهای پنهان در داده فروش و پشتیبانی را پیدا می‌کنند.
تیم‌ها با پیشنهادهای عملی، سریع‌تر اقدام می‌کنند.
</p>
</div>
<div className="mt-12 flex justify-start">
<div className="mt-12 flex min-w-0 justify-start">
<Tabs
dir="rtl"
defaultValue="1"
className="flex w-full max-w-5xl flex-col items-start gap-8 md:gap-12"
className="flex w-full min-w-0 max-w-5xl flex-col items-start gap-8 md:gap-12"
>
<div
dir="rtl"
className="flex w-full justify-start overflow-x-auto overflow-y-hidden"
className="w-full min-w-0 max-w-full overflow-x-auto overflow-y-hidden"
>
<TabsList className="w-max whitespace-nowrap">
<TabsList className="w-max max-w-none whitespace-nowrap">
{slides.map((slide) => (
<TabsTrigger key={slide.id} value={slide.id.toString()}>
{slide.tabName}
@@ -125,24 +130,29 @@ const Feature19 = ({ className }: Feature19Props) => {
<TabsContent
value={slide.id.toString()}
key={slide.id}
className="w-full"
className="w-full min-w-0"
>
<div
dir="rtl"
className="grid grid-cols-1 items-center gap-10 md:grid-cols-2"
className="grid min-w-0 grid-cols-1 items-center gap-10 md:grid-cols-2"
>
<div className="flex flex-col items-start text-right">
<h2 className="mb-4 text-xl font-semibold lg:text-xl">
<div className="flex min-w-0 flex-col items-start text-right">
<h2 className="mb-4 max-w-full text-xl font-semibold break-words lg:text-xl">
{slide.title}
</h2>
<p className="text-muted-foreground lg:text-xl">
<p className="max-w-full text-pretty break-words text-muted-foreground lg:text-xl">
{slide.description}
</p>
<ul className="mt-8 grid w-full grid-cols-1 gap-2 lg:grid-cols-2">
<ul className="mt-8 grid w-full min-w-0 grid-cols-1 gap-2 lg:grid-cols-2">
{slide.features.map((feature) => (
<li key={feature} className="flex items-center gap-2">
<li
key={feature}
className="flex min-w-0 items-center gap-2"
>
<CheckCircle2 className="size-4 shrink-0" />
<span className="font-medium">{feature}</span>
<span className="min-w-0 font-medium break-words">
{feature}
</span>
</li>
))}
</ul>
@@ -156,7 +166,7 @@ const Feature19 = ({ className }: Feature19Props) => {
<img
src={slide.image}
alt={slide.title}
className="order-first max-h-[400px] w-full rounded-lg object-cover md:order-0"
className="order-first max-h-[400px] w-full max-w-full rounded-lg object-cover md:order-0"
/>
</div>
</TabsContent>