|
|
|
@@ -21,7 +21,7 @@ export default function ChatEmptyState() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="flex min-h-full items-center justify-center px-4 py-6">
|
|
|
|
<div className="flex min-h-full items-center justify-center px-4 py-6">
|
|
|
|
<div className="flex w-full max-w-4xl flex-col items-center justify-center text-center">
|
|
|
|
<div className="flex w-full max-w-4xl flex-col items-center justify-center text-center">
|
|
|
|
<div className="h-[clamp(280px,56vh,520px)] w-full px-6 py-10 dark:bg-[radial-gradient(circle_at_top,rgba(49,73,109,0.24)_0%,rgba(24,24,27,0)_60%)]">
|
|
|
|
<div className="h-[clamp(280px,52vh,520px)] w-full px-6 dark:bg-[radial-gradient(circle_at_top,rgba(49,73,109,0.24)_0%,rgba(24,24,27,0)_60%)]">
|
|
|
|
<div className="mx-auto flex h-full max-w-3xl flex-col items-center justify-center">
|
|
|
|
<div className="mx-auto flex h-full max-w-3xl flex-col items-center justify-center">
|
|
|
|
<h2
|
|
|
|
<h2
|
|
|
|
className="text-[clamp(40px,7vw,72px)] font-medium leading-[1.1] tracking-[-0.05em] text-[#2F3542] dark:text-[#E5E7EB]"
|
|
|
|
className="text-[clamp(40px,7vw,72px)] font-medium leading-[1.1] tracking-[-0.05em] text-[#2F3542] dark:text-[#E5E7EB]"
|
|
|
|
@@ -34,7 +34,7 @@ export default function ChatEmptyState() {
|
|
|
|
{suggestions.map((suggestion) => (
|
|
|
|
{suggestions.map((suggestion) => (
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
key={suggestion.key}
|
|
|
|
key={suggestion.key}
|
|
|
|
className="rounded-full border border-[#D8DEE8] bg-white/78 px-6 py-3 text-[15px] font-semibold text-[#4B5563] shadow-[0_8px_20px_rgba(15,23,42,0.04)] dark:border-[#3a3a40] dark:bg-[#202024] dark:text-gray-300"
|
|
|
|
className="rounded-full border border-[#D8DEE8] bg-white/78 px-6 py-2 text-[15px] font-semibold text-[#4B5563] shadow-[0_8px_20px_rgba(15,23,42,0.04)] dark:border-[#3a3a40] dark:bg-[#202024] dark:text-gray-300"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{suggestion.title}
|
|
|
|
{suggestion.title}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|