Skip to content

Lite page: label the status card #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
fylorn merged 1 commit into from
Sep 30, 2026
Merged

Lite page: label the status card #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 10 additions & 4 deletions src/components/pages/LitePage.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -124,17 +124,23 @@ const archLabel = { x64: "x64", arm64: "ARM64" } as const;

<div class="container-page">
<div
class="reveal flex flex-col items-start gap-3 rounded-[14px] border border-[var(--color-border-strong)] bg-[var(--color-surface)] px-5 py-5 sm:flex-row sm:items-center sm:gap-7 sm:px-7 sm:py-6"
class="reveal flex flex-col items-start gap-4 rounded-[14px] border border-[var(--color-border-strong)] bg-[var(--color-surface)] px-5 py-5 sm:px-7 sm:py-6 lg:flex-row lg:gap-8"
style={delay(5)}
>
<span class="shrink-0 rounded-full bg-[var(--color-brand-1)] px-3 py-1.5 font-mono text-xs font-medium uppercase tracking-[0.06em] text-[var(--color-bg)]">
{c.status.badge}
</span>
<ul class="m-0 flex list-none flex-wrap gap-x-5 gap-y-2 p-0 font-mono text-[13px] text-[#cbd5e1] sm:text-sm">
{/* 每栏一个标签：外人一眼看出哪几项是平台、哪一项是语言或许可证 */}
<dl class="m-0 grid w-full gap-x-8 gap-y-4 sm:grid-cols-2 lg:grid-cols-[minmax(0,1.6fr)_repeat(3,minmax(0,1fr))]">
{c.status.items.map((item) => (
<li>{item}</li>
<div class="flex min-w-0 flex-col gap-1">
<dt class="text-[13px] text-[var(--color-muted)]">{item.label}</dt>
{item.lines.map((line) => (
<dd class="m-0 text-[15px] leading-relaxed text-[#cbd5e1]">{line}</dd>
))}
</div>
))}
</ul>
</dl>
</div>
</div>

Expand Down
20 changes: 18 additions & 2 deletions src/i18n/pages/lite.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,15 @@ export const liteCopy = {
},
status: {
badge: "Available",
items: ["macOS 12+ · Apple silicon", "Windows 10 21H2+ · x64 · ARM64", "Linux · x86_64 · aarch64", "English · 简体中文", "Updates itself", "MIT"],
items: [
{
label: "Platforms",
lines: ["macOS 12 or later, Apple silicon", "Windows 10 21H2 or later, x64 or ARM64", "Linux, x86_64 or aarch64"],
},
{ label: "Interface", lines: ["English and Simplified Chinese"] },
{ label: "Updates", lines: ["Installed by the app itself; through Homebrew for a Homebrew installation"] },
{ label: "License", lines: ["MIT, free and open source"] },
],
},
features: {
eyebrow: "Features",
Expand Down Expand Up @@ -204,7 +212,15 @@ export const liteCopy = {
},
status: {
badge: "已发布",
items: ["macOS 12+ · Apple silicon", "Windows 10 21H2+ · x64 · ARM64", "Linux · x86_64 · aarch64", "English · 简体中文", "自动更新", "MIT"],
items: [
{
label: "支持平台",
lines: ["macOS 12 及以上（Apple silicon）", "Windows 10 21H2 及以上（x64、ARM64）", "Linux（x86_64、aarch64）"],
},
{ label: "界面语言", lines: ["英文、简体中文"] },
{ label: "更新", lines: ["应用自动更新；通过 Homebrew 安装的随 Homebrew 更新"] },
{ label: "许可证", lines: ["MIT，免费开源"] },
],
},
features: {
eyebrow: "功能",
Expand Down
Loading