fix(web): add & fix the download button (#10566)
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user