fix some bug in some blocks
This commit is contained in:
@@ -49,12 +49,12 @@ const Feature294 = ({ className }: Feature294Props) => {
|
||||
dir="rtl"
|
||||
lang="fa"
|
||||
className={cn(
|
||||
"dark relative w-screen overflow-hidden bg-background py-32 text-foreground",
|
||||
"dark relative w-full overflow-hidden bg-background py-32 text-foreground",
|
||||
className,
|
||||
)}
|
||||
>
|
||||
<div className="relative container flex h-full flex-col items-center justify-center">
|
||||
<div className="w-full max-w-lg text-center">
|
||||
<div className="relative container flex h-full min-w-0 flex-col items-center justify-center">
|
||||
<div className="w-full min-w-0 max-w-lg text-center">
|
||||
<h1 className="relative z-20 text-center text-2xll font-semibold tracking-tighter text-balance md:text-2xll lg:text-2xll">
|
||||
تصمیم استراتژیک را دادهمحور کنید
|
||||
</h1>
|
||||
@@ -62,7 +62,7 @@ const Feature294 = ({ className }: Feature294Props) => {
|
||||
داشبوردهای تعاملی به تیمها اجازه میدهد سؤال جدید بپرسند بدون اینکه هر بار به تیم داده وابسته باشند.
|
||||
</p>
|
||||
</div>
|
||||
<div className="relative mt-5 mb-10 h-40 w-[40rem]">
|
||||
<div className="relative mt-5 mb-10 h-40 w-full max-w-[40rem] min-w-0 overflow-hidden">
|
||||
<div className="absolute inset-x-20 top-0 h-[2px] w-3/4 bg-gradient-to-r from-transparent via-indigo-500 to-transparent blur-sm" />
|
||||
<div className="absolute inset-x-20 top-0 h-px w-3/4 bg-gradient-to-r from-transparent via-indigo-500 to-transparent" />
|
||||
<div className="absolute inset-x-60 top-0 h-[5px] w-1/4 bg-gradient-to-r from-transparent via-sky-500 to-transparent blur-sm" />
|
||||
@@ -80,13 +80,13 @@ const Feature294 = ({ className }: Feature294Props) => {
|
||||
<div className="absolute inset-0 h-full w-full bg-background [mask-image:radial-gradient(350px_130px_at_top,transparent_20%,white)]" />
|
||||
</div>
|
||||
|
||||
<div className="grid w-full max-w-5xl grid-cols-1 gap-15 md:grid-cols-2 lg:grid-cols-3">
|
||||
<div className="grid w-full min-w-0 max-w-5xl grid-cols-1 gap-15 md:grid-cols-2 lg:grid-cols-3">
|
||||
{FEATURES.map((feature) => {
|
||||
const IconComponent = feature.icon;
|
||||
return (
|
||||
<div key={feature.id} className="flex gap-4 text-start">
|
||||
<div key={feature.id} className="flex min-w-0 gap-4 text-start">
|
||||
<IconComponent className="w-12 shrink-0 stroke-1 text-sky-500" />
|
||||
<div className="space-y-2">
|
||||
<div className="min-w-0 space-y-2">
|
||||
<h3 className="text-xl font-medium">{feature.title}</h3>
|
||||
<p className="text-pretty text-muted-foreground/30">
|
||||
{feature.description}
|
||||
|
||||
Reference in New Issue
Block a user