mirror of
https://github.com/sst/opencode.git
synced 2025-08-31 10:17:26 +00:00
This commit is contained in:
parent
81a3e02474
commit
7446f5ad7b
7 changed files with 75 additions and 89 deletions
|
@ -24,9 +24,12 @@ export default function Index() {
|
|||
</section>
|
||||
|
||||
<section data-slot="cta">
|
||||
<div data-slot="col-2">
|
||||
<div>
|
||||
<span onClick={() => auth.authorize({ provider: "github" })}>Sign in with GitHub</span>
|
||||
</div>
|
||||
<div>
|
||||
<span onClick={() => auth.authorize({ provider: "google" })}>Sign in with Google</span>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -80,90 +80,4 @@
|
|||
border-left: 2px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
[data-slot="images"] {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: stretch;
|
||||
justify-content: space-between;
|
||||
border-top: 2px solid var(--color-border);
|
||||
|
||||
& > div {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: calc(var(--padding) / 4);
|
||||
padding: calc(var(--padding) / 2);
|
||||
border-width: 0;
|
||||
border-style: solid;
|
||||
border-color: var(--color-border);
|
||||
|
||||
& > div, a {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
letter-spacing: -0.03125rem;
|
||||
text-transform: uppercase;
|
||||
color: var(--color-text-dimmed);
|
||||
}
|
||||
|
||||
& > div + div {
|
||||
border-width: 0 0 0 2px;
|
||||
}
|
||||
|
||||
@media (max-width: 30rem) {
|
||||
& {
|
||||
flex-direction: column;
|
||||
}
|
||||
& > div + div {
|
||||
border-width: 2px 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[data-slot="content"] {
|
||||
border-top: 2px solid var(--color-border);
|
||||
padding: var(--padding);
|
||||
|
||||
& > p {
|
||||
line-height: var(--font-line-height);
|
||||
}
|
||||
|
||||
ol {
|
||||
margin-top: calc(var(--vertical-padding) / 2);
|
||||
padding-left: 2.5rem;
|
||||
list-style-type: decimal;
|
||||
line-height: var(--font-line-height);
|
||||
|
||||
& > li + li {
|
||||
margin-top: calc(var(--vertical-padding) / 2);
|
||||
}
|
||||
|
||||
& > li b {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
[data-slot="footer"] {
|
||||
border-top: 2px solid var(--color-border);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
& > div {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
padding: calc(var(--padding) / 2) 0.5rem;
|
||||
}
|
||||
|
||||
& > div + div {
|
||||
border-left: 2px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue