fix(web): add & fix the download button (#10566)

This commit is contained in:
Ryan Vogel
2026-01-25 12:20:39 -05:00
committed by GitHub
parent ebe86e40a0
commit e491f5cc16
3 changed files with 9 additions and 10 deletions

View File

@@ -170,22 +170,18 @@ export function Header(props: { zen?: boolean; hideGetStarted?: boolean }) {
</Switch> </Switch>
</li> </li>
<Show when={!props.hideGetStarted}> <Show when={!props.hideGetStarted}>
{" "}
<li> <li>
{" "}
<A href="/download" data-slot="cta-button"> <A href="/download" data-slot="cta-button">
{" "}
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
{" "}
<path <path
d="M12.1875 9.75L9.00001 12.9375L5.8125 9.75M9.00001 2.0625L9 12.375M14.4375 15.9375H3.5625" d="M12.1875 9.75L9.00001 12.9375L5.8125 9.75M9.00001 2.0625L9 12.375M14.4375 15.9375H3.5625"
stroke="currentColor" stroke="currentColor"
stroke-width="1.5" stroke-width="1.5"
stroke-linecap="square" stroke-linecap="square"
/>{" "} />
</svg>{" "} </svg>
Free{" "} Free
</A>{" "} </A>
</li> </li>
</Show> </Show>
</ul> </ul>

View File

@@ -106,10 +106,13 @@
[data-slot="cta-button"] { [data-slot="cta-button"] {
background: var(--color-background-strong); background: var(--color-background-strong);
color: var(--color-text-inverted); color: var(--color-text-inverted);
padding: 8px 16px; padding: 8px 16px 8px 10px;
border-radius: 4px; border-radius: 4px;
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
@media (max-width: 55rem) { @media (max-width: 55rem) {
display: none; display: none;

View File

@@ -97,7 +97,7 @@ export default function Changelog() {
<Meta name="description" content="OpenCode release notes and changelog" /> <Meta name="description" content="OpenCode release notes and changelog" />
<div data-component="container"> <div data-component="container">
<Header hideGetStarted /> <Header />
<div data-component="content"> <div data-component="content">
<section data-component="changelog-hero"> <section data-component="changelog-hero">