diff options
| author | David Hill <[email protected]> | 2026-03-06 21:39:31 +0000 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-03-06 15:39:31 -0600 |
| commit | 091cf25de8d95f0eae460f92b9f9adebc3b0e634 (patch) | |
| tree | 4c75075388a39b0bc5734485964f788fb29a2689 /packages/app/src/index.css | |
| parent | 7a071eff5cfc94cc45095d0cee96acbb97317d8c (diff) | |
| download | opencode-091cf25de8d95f0eae460f92b9f9adebc3b0e634.tar.gz opencode-091cf25de8d95f0eae460f92b9f9adebc3b0e634.zip | |
fix(app): better review/filetree empty states (#16221)
Co-authored-by: Adam <[email protected]>
Diffstat (limited to 'packages/app/src/index.css')
| -rw-r--r-- | packages/app/src/index.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/packages/app/src/index.css b/packages/app/src/index.css index 4af87bca6..9e231e2d2 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/index.css @@ -1 +1,29 @@ @import "@opencode-ai/ui/styles/tailwind"; + +@layer components { + [data-component="getting-started"] { + container-type: inline-size; + container-name: getting-started; + } + + [data-component="getting-started-actions"] { + display: flex; + flex-direction: column; + gap: 0.75rem; /* gap-3 */ + } + + [data-component="getting-started-actions"] > [data-component="button"] { + width: 100%; + } + + @container getting-started (min-width: 17rem) { + [data-component="getting-started-actions"] { + flex-direction: row; + align-items: center; + } + + [data-component="getting-started-actions"] > [data-component="button"] { + width: auto; + } + } +} |