mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix: free cta

Browse source
This commit is contained in:
David Hill 2025-12-11 17:52:36 +00:00
parent 4c9208fbf1
commit 11e6a181ad
2 changed files with 14 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/console/app/src/component/header.tsx
View file

@ -172,7 +172,14 @@ export function Header(props: { zen?: boolean; hideGetStarted?: boolean }) {
<Show when={!props.hideGetStarted}>
<li>
<A href="/download" data-slot="cta-button">
Get started
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.1875 9.75L9.00001 12.9375L5.8125 9.75M9.00001 2.0625L9 12.375M14.4375 15.9375H3.5625"
stroke="currentColor" stroke-width="1.5" stroke-linecap="square" />
</svg>
Free
</A>
</li>
</Show>
@ -187,7 +194,7 @@ export function Header(props: { zen?: boolean; hideGetStarted?: boolean }) {
class="nav-toggle"
onClick={() => setStore("mobileMenuOpen", !store.mobileMenuOpen)}
>
<span class="sr-only">Open menu</span>
<span class="sr-only">Open menu</span>
<Switch>
<Match when={store.mobileMenuOpen}>
<svg
@ -253,7 +260,7 @@ export function Header(props: { zen?: boolean; hideGetStarted?: boolean }) {
<Show when={!props.hideGetStarted}>
<li>
<A href="/download" data-slot="cta-button">
Get started
Get started for free
</A>
</li>
</Show>

5
packages/console/app/src/routes/index.css
View file

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