aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-24 11:14:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

ignore: cloud lander

Browse Source
This commit is contained in:
Jay V
2025-09-02 16:35:39 -04:00
parent 042802848d
commit 023c4532c1
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
cloud/app/src/routes/index.css
View File

@@ -309,27 +309,27 @@
grid-template-rows: var(--images-height);
border-top: 2px solid var(--color-border);
& > div.left {
& > [data-slot="left"] {
display: flex;
grid-row: 1;
grid-column: 1;
}
& > div.right {
& > [data-slot="right"] {
display: grid;
grid-template-rows: 1fr 1fr;
grid-row: 1;
grid-column: 2;
border-left: 2px solid var(--color-border);
& > div.row1 {
& > [data-slot="row1"] {
display: flex;
grid-row: 1;
border-bottom: 2px solid var(--color-border);
height: calc(var(--images-height) / 2);
}
& > div.row2 {
& > [data-slot="row2"] {
display: flex;
grid-row: 2;
height: calc(var(--images-height) / 2);
@@ -384,24 +384,24 @@
}
}
& > div.left figure {
& > [data-slot="left"] figure {
height: var(--images-height);
box-sizing: border-box;
}
& > div.right figure {
& > [data-slot="right"] figure {
height: calc(var(--images-height) / 2);
box-sizing: border-box;
}
& > div.left img {
& > [data-slot="left"] img {
width: 100%;
height: 100%;
min-width: 0;
object-fit: contain;
}
& > div.right img {
& > [data-slot="right"] img {
width: 100%;
height: calc(100% - 2rem);
object-fit: contain;
@@ -415,30 +415,30 @@
grid-template-rows: auto auto;
}
& > div.left {
& > [data-slot="left"] {
grid-row: 1;
grid-column: 1;
}
& > div.right {
& > [data-slot="right"] {
grid-row: 2;
grid-column: 1;
border-left: none;
border-top: 2px solid var(--color-border);
& > div.row1,
& > div.row2 {
& > [data-slot="row1"],
& > [data-slot="row2"] {
height: auto;
}
}
& > div.left figure,
& > div.right figure {
& > [data-slot="left"] figure,
& > [data-slot="right"] figure {
height: auto;
}
& > div.left img,
& > div.right img {
& > [data-slot="left"] img,
& > [data-slot="right"] img {
width: 100%;
height: auto;
max-height: none;

8
cloud/app/src/routes/index.tsx
View File

@@ -151,7 +151,7 @@ export default function Home() {
</section>
<section data-component="screenshots">
<div class="left">
<div data-slot="left">
<figure>
<figcaption>opencode TUI with the tokyonight theme</figcaption>
<a href="/docs/cli">
@@ -159,8 +159,8 @@ export default function Home() {
</a>
</figure>
</div>
<div class="right">
<div class="row1">
<div data-slot="right">
<div data-slot="row1">
<figure>
<figcaption>opencode in VS Code</figcaption>
<a href="/docs/ide">
@@ -168,7 +168,7 @@ export default function Home() {
</a>
</figure>
</div>
<div class="row2">
<div data-slot="row2">
<figure>
<figcaption>opencode in GitHub</figcaption>
<a href="/docs/github">