diff options
| author | Adam <[email protected]> | 2025-11-25 14:46:22 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-11-25 14:46:22 -0600 |
| commit | 5f35c579e2ec53b472749f77e7754e5cb86597e4 (patch) | |
| tree | 8b206a40d42471eb58321bb8430d5a46ca72ddfb | |
| parent | 99a23bdc8f4858a01845e0dffc3508fb57fee2d1 (diff) | |
| download | opencode-5f35c579e2ec53b472749f77e7754e5cb86597e4.tar.gz opencode-5f35c579e2ec53b472749f77e7754e5cb86597e4.zip | |
fix: accordion styles
| -rw-r--r-- | packages/desktop/vite.config.ts | 1 | ||||
| -rw-r--r-- | packages/ui/src/components/accordion.css | 26 |
2 files changed, 14 insertions, 13 deletions
diff --git a/packages/desktop/vite.config.ts b/packages/desktop/vite.config.ts index cc552b02b..ff18b1de3 100644 --- a/packages/desktop/vite.config.ts +++ b/packages/desktop/vite.config.ts @@ -17,6 +17,5 @@ export default defineConfig({ }, build: { target: "esnext", - cssCodeSplit: false, }, }) diff --git a/packages/ui/src/components/accordion.css b/packages/ui/src/components/accordion.css index 8cfac06b0..5724307cd 100644 --- a/packages/ui/src/components/accordion.css +++ b/packages/ui/src/components/accordion.css @@ -74,18 +74,6 @@ border-bottom-right-radius: var(--radius-md); } - [data-slot="accordion-item"]:has(+ &) { - &[data-closed] { - border-bottom-left-radius: var(--radius-md); - border-bottom-right-radius: var(--radius-md); - [data-slot="accordion-trigger"] { - border-bottom-left-radius: var(--radius-md); - border-bottom-right-radius: var(--radius-md); - } - } - margin-bottom: 8px; - } - & + [data-slot="accordion-item"] { margin-top: 8px; @@ -96,6 +84,20 @@ } } + &:has(+ [data-slot="accordion-item"][data-expanded]) { + margin-bottom: 8px; + + &[data-closed] { + border-bottom-left-radius: var(--radius-md); + border-bottom-right-radius: var(--radius-md); + + [data-slot="accordion-trigger"] { + border-bottom-left-radius: var(--radius-md); + border-bottom-right-radius: var(--radius-md); + } + } + } + &[data-closed] + &[data-closed] { [data-slot="accordion-trigger"] { border-top: none; |