fix: align homepage feature checklist
Cross-platform packages / Validate source (push) Canceled after 0s
Cross-platform packages / Authorize desktop packaging (push) Canceled after 0s
Cross-platform packages / linux arm64 (push) Canceled after 0s
Cross-platform packages / macos arm64 (push) Canceled after 0s
Cross-platform packages / windows arm64 (push) Canceled after 0s
Cross-platform packages / linux x64 (push) Canceled after 0s
Cross-platform packages / macos x64 (push) Canceled after 0s
Cross-platform packages / windows x64 (push) Canceled after 0s
Cross-platform packages / Publish GitHub and OSS release (push) Canceled after 0s
Deploy website to GitHub Pages / Deploy static website (push) Canceled after 0s
Cross-platform packages / Validate source (push) Canceled after 0s
Cross-platform packages / Authorize desktop packaging (push) Canceled after 0s
Cross-platform packages / linux arm64 (push) Canceled after 0s
Cross-platform packages / macos arm64 (push) Canceled after 0s
Cross-platform packages / windows arm64 (push) Canceled after 0s
Cross-platform packages / linux x64 (push) Canceled after 0s
Cross-platform packages / macos x64 (push) Canceled after 0s
Cross-platform packages / windows x64 (push) Canceled after 0s
Cross-platform packages / Publish GitHub and OSS release (push) Canceled after 0s
Deploy website to GitHub Pages / Deploy static website (push) Canceled after 0s
Wrapped feature rows were centered independently, which shifted the lower-right item away from the column above it. The Chinese homepage now uses a shared two-column grid and collapses to one aligned column on narrow screens. Release note: 官网首页特性列表现在按列对齐,桌面与移动端布局更整齐。
This commit is contained in:
+1
-1
@@ -133,7 +133,7 @@
|
|||||||
<a class="button button--primary" href="#download">立即下载</a>
|
<a class="button button--primary" href="#download">立即下载</a>
|
||||||
<a class="button button--secondary" href="#features">了解 Agent Runtime</a>
|
<a class="button button--secondary" href="#features">了解 Agent Runtime</a>
|
||||||
</div>
|
</div>
|
||||||
<ul class="hero-facts" aria-label="产品特性概览">
|
<ul class="hero-facts hero-facts--aligned" aria-label="产品特性概览">
|
||||||
<li>
|
<li>
|
||||||
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="m5 10 3 3 7-7" /></svg>
|
<svg viewBox="0 0 20 20" aria-hidden="true"><path d="m5 10 3 3 7-7" /></svg>
|
||||||
3 大桌面系统,x64 / arm64
|
3 大桌面系统,x64 / arm64
|
||||||
|
|||||||
@@ -586,6 +586,11 @@ p {
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-facts--aligned {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(2, minmax(0, max-content));
|
||||||
|
}
|
||||||
|
|
||||||
.hero-facts li {
|
.hero-facts li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -1839,6 +1844,10 @@ p {
|
|||||||
gap: var(--space-2);
|
gap: var(--space-2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-facts--aligned {
|
||||||
|
grid-template-columns: minmax(0, max-content);
|
||||||
|
}
|
||||||
|
|
||||||
.product-stage {
|
.product-stage {
|
||||||
min-height: 365px;
|
min-height: 365px;
|
||||||
margin-top: var(--space-4);
|
margin-top: var(--space-4);
|
||||||
|
|||||||
Reference in New Issue
Block a user