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:15:37 +08:00
parent 43d5d82798
commit 108eafe011
1 changed files with 8 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -123,7 +123,6 @@ const PROMPT_TAGS = [
];
const MASONRY_HEIGHTS = [420, 290, 340, 470, 300, 360, 430, 320];
const HOME_LAYOUT_SCALE = 0.9;
function formatRelativeTime(value?: string) {
if (!value) return "更新于今天";
@ -336,13 +335,7 @@ export function LovartHome({
};
return (
<div
className="min-h-svh bg-[#f4f4f4] text-[#171717]"
style={{
zoom: HOME_LAYOUT_SCALE,
width: `${100 / HOME_LAYOUT_SCALE}%`,
}}
>
<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">
<button
@ -357,7 +350,7 @@ export function LovartHome({
<Sparkles className="h-4 w-4" />
</div>
)}
<span className="text-[22px] font-semibold leading-none tracking-tight">
<span className="text-[20px] font-semibold leading-none tracking-tight">
{siteName || "Lovart"}
</span>
</button>
@ -502,18 +495,18 @@ export function LovartHome({
<Sparkles className="h-4 w-4" />
</div>
)}
<h1 className="text-[42px] font-semibold tracking-tight">
<h1 className="text-[38px] font-semibold tracking-tight">
{siteName || "Lovart"} 让设计更简单
</h1>
</div>
<p className="mt-2 text-[16px] text-black/35">懂你的设计代理，帮你搞定一切</p>
<p className="mt-2 text-[14px] text-black/35">懂你的设计代理，帮你搞定一切</p>
<div className="mx-auto mt-7 w-full max-w-[900px] rounded-[26px] 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-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)]">
<Textarea
value={prompt}
onChange={(event) => setPrompt(event.target.value)}
placeholder="让 Lovart 打造引人注目的社交媒体视觉"
className="min-h-[90px] resize-none border-0 bg-transparent px-1 text-[14px] shadow-none focus-visible:ring-0"
className="min-h-[82px] resize-none border-0 bg-transparent px-1 text-[13px] shadow-none focus-visible:ring-0"
/>
{files.length > 0 && (
@ -572,12 +565,12 @@ export function LovartHome({
</div>
</div>
<div className="mt-5 flex flex-wrap items-center justify-center gap-2">
<div className="mt-5 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.5 text-[14px] ${
className={`inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-[13px] ${
tag.highlighted
? "border-[#ffb15f] bg-[#fff4e7] text-[#ff8c1f]"
: "border-black/15 bg-white text-black/70"