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

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

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