Tune Lovart project text spacing

This commit is contained in:
134 2026-06-11 18:07:20 +08:00
parent 86c09ae375
commit f80b3e8117

View File

@ -31,18 +31,18 @@ export function LovartProjectsSection({
ref={projectSectionRef}
className={isProjectsOnlyView ? "mt-6" : "mt-[86px]"}
>
<div className="mb-[76px] flex items-center justify-between">
<div className="mb-[56px] flex items-center justify-between">
<h2 className="text-[26px] font-semibold leading-none tracking-[-0.01em] text-[#1f1f1f] dark:text-white">
{isProjectsOnlyView ? "所有项目" : "最近项目"}
</h2>
{!isProjectsOnlyView && hasMoreProjects ? (
<button
type="button"
className="inline-flex items-center gap-[8px] text-[22px] font-normal leading-none text-[#8b8b8b] transition hover:text-[#1f1f1f] dark:text-white/45 dark:hover:text-white"
className="inline-flex items-center gap-[7px] text-[18px] font-normal leading-none text-[#8b8b8b] transition hover:text-[#1f1f1f] dark:text-white/45 dark:hover:text-white"
onClick={onViewAllProjects}
>
查看全部
<ChevronRight className="h-[22px] w-[22px]" strokeWidth={1.8} />
<ChevronRight className="h-[18px] w-[18px]" strokeWidth={1.8} />
</button>
) : null}
</div>
@ -56,7 +56,7 @@ export function LovartProjectsSection({
<div className="flex aspect-[16/9] items-center justify-center rounded-[10px] border border-dashed border-[#d8d8d8] bg-[#f4f4f4] transition group-hover:border-[#c8c8c8] group-hover:bg-[#f2f2f2] dark:border-white/15 dark:bg-[#18191d]">
<span className="text-[34px] font-light leading-none text-[#8e8e8e]">+</span>
</div>
<div className="mt-[35px] text-[22px] font-normal leading-none tracking-[-0.01em] text-[#202020] dark:text-white">
<div className="mt-[20px] text-[16px] font-normal leading-none tracking-[-0.01em] text-[#202020] dark:text-white">
新建项目
</div>
</button>
@ -82,10 +82,10 @@ export function LovartProjectsSection({
<div className="h-full w-full" />
)}
</div>
<div className="mt-[35px] truncate text-[22px] font-normal leading-none tracking-[-0.01em] text-[#202020] dark:text-white">
<div className="mt-[20px] truncate text-[16px] font-normal leading-none tracking-[-0.01em] text-[#202020] dark:text-white">
{item.title || "Untitled"}
</div>
<div className="mt-[13px] text-[16px] font-normal leading-none text-[#8e8e8e] dark:text-white/35">
<div className="mt-[10px] text-[13px] font-normal leading-none text-[#8e8e8e] dark:text-white/35">
{formatRelativeTime(item.updatedAt || item.createdAt)}
</div>
</button>