lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

继续收敛首页比例并修正顶部图标布局位置
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-02-13 21:20:21 +08:00
parent 108eafe011
commit 947c6df114
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
components/home/lovart-home.tsx
View File

@ -337,7 +337,7 @@ export function LovartHome({
return (
<div className="min-h-svh bg-[#f4f4f4] text-[#171717]">
<header className="fixed left-0 top-0 z-40 h-[68px] w-full border-b border-black/5 bg-[#f4f4f4]/90 backdrop-blur">
<div className="mx-auto flex h-full max-w-[1360px] items-center justify-between px-6">
<div className="flex h-full items-center justify-between px-7">
<button
type="button"
className="flex items-center gap-2"
@ -430,53 +430,53 @@ export function LovartHome({
</div>
</header>
<aside className="fixed left-6 top-[300px] z-30 hidden flex-col items-center gap-2.5 lg:flex">
<aside className="fixed left-6 top-[292px] z-30 hidden flex-col items-center gap-2 lg:flex">
<button
type="button"
onClick={openNewCanvas}
className="flex h-[56px] w-[56px] items-center justify-center rounded-full border border-black/10 bg-white shadow"
className="flex h-[52px] w-[52px] items-center justify-center rounded-full border border-black/10 bg-white shadow"
>
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-black text-white">
<Plus className="h-[18px] w-[18px]" />
<div className="flex h-8 w-8 items-center justify-center rounded-full bg-black text-white">
<Plus className="h-4 w-4" />
</div>
</button>
<div className="flex w-[56px] flex-col items-center gap-1 rounded-[28px] border border-black/10 bg-white px-2 py-2 shadow">
<div className="flex w-[52px] flex-col items-center gap-1 rounded-[26px] border border-black/10 bg-white px-1.5 py-2 shadow">
<button
type="button"
className="flex h-9 w-9 items-center justify-center rounded-full bg-black/5"
className="flex h-8 w-8 items-center justify-center rounded-full bg-black/5"
onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
>
<Home className="h-3.5 w-3.5" />
<Home className="h-3 w-3" />
</button>
<button
type="button"
className="flex h-9 w-9 items-center justify-center rounded-full hover:bg-black/5"
className="flex h-8 w-8 items-center justify-center rounded-full hover:bg-black/5"
onClick={() =>
projectSectionRef.current?.scrollIntoView({ behavior: "smooth", block: "start" })
}
>
<Folder className="h-3.5 w-3.5" />
<Folder className="h-3 w-3" />
</button>
<button
type="button"
className="flex h-9 w-9 items-center justify-center rounded-full hover:bg-black/5"
className="flex h-8 w-8 items-center justify-center rounded-full hover:bg-black/5"
onClick={() => toast.info("个人主页模块后续开放")}
>
<User className="h-3.5 w-3.5" />
<User className="h-3 w-3" />
</button>
<button
type="button"
className="flex h-9 w-9 items-center justify-center rounded-full hover:bg-black/5"
className="flex h-8 w-8 items-center justify-center rounded-full hover:bg-black/5"
onClick={() => toast.info("帮助中心后续开放")}
>
<Info className="h-3.5 w-3.5" />
<Info className="h-3 w-3" />
</button>
</div>
</aside>
<main className="mx-auto max-w-[1360px] px-6 pb-20 pt-[88px]">
<section className="mt-10 text-center">
<main className="mx-auto max-w-[1240px] px-6 pb-20 pt-[84px]">
<section className="mt-8 text-center">
<button
type="button"
onClick={() => setUpgradeDialogOpen(true)}
@ -487,7 +487,7 @@ export function LovartHome({
<span className="text-[#ff7a00]">立即升级</span>
</button>
<div className="mt-9 flex items-center justify-center gap-2">
<div className="mt-8 flex items-center justify-center gap-2">
{siteLogo ? (
<img src={siteLogo} alt={siteName} className="h-10 w-10 rounded-full object-cover" />
) : (
@ -495,18 +495,18 @@ export function LovartHome({
<Sparkles className="h-4 w-4" />
</div>
)}
<h1 className="text-[38px] font-semibold tracking-tight">
<h1 className="text-[34px] font-semibold tracking-tight">
{siteName || "Lovart"} 让设计更简单
</h1>
</div>
<p className="mt-2 text-[14px] text-black/35">懂你的设计代理，帮你搞定一切</p>
<p className="mt-2 text-[13px] text-black/35">懂你的设计代理，帮你搞定一切</p>
<div className="mx-auto mt-7 w-full max-w-[840px] rounded-[24px] border border-black/10 bg-white px-4 pb-3 pt-4 shadow-[0_10px_24px_rgba(0,0,0,0.05)]">
<div className="mx-auto mt-6 w-full max-w-[780px] rounded-[22px] border border-black/10 bg-white px-4 pb-3 pt-4 shadow-[0_10px_24px_rgba(0,0,0,0.05)]">
<Textarea
value={prompt}
onChange={(event) => setPrompt(event.target.value)}
placeholder="让 Lovart 打造引人注目的社交媒体视觉"
className="min-h-[82px] resize-none border-0 bg-transparent px-1 text-[13px] shadow-none focus-visible:ring-0"
className="min-h-[76px] resize-none border-0 bg-transparent px-1 text-[12px] shadow-none focus-visible:ring-0"
/>
{files.length > 0 && (
@ -565,18 +565,18 @@ export function LovartHome({
</div>
</div>
<div className="mt-5 flex flex-wrap items-center justify-center gap-1.5">
<div className="mt-4 flex flex-wrap items-center justify-center gap-1.5">
{PROMPT_TAGS.map((tag) => (
<button
key={tag.label}
type="button"
className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-[13px] ${
className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-[12px] ${
tag.highlighted
? "border-[#ffb15f] bg-[#fff4e7] text-[#ff8c1f]"
: "border-black/15 bg-white text-black/70"
}`}
>
<tag.icon className="h-3.5 w-3.5" />
<tag.icon className="h-3 w-3" />
{tag.label}
</button>
))}