diff options
| author | Adam <[email protected]> | 2025-11-06 06:24:39 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-11-06 09:48:50 -0600 |
| commit | 146bae82cb584c253a42ed4565d423d9cded93a6 (patch) | |
| tree | 08b9d748670d5bd5cd9956a80d547cbef15b65e5 | |
| parent | ab345cf0dac4378163292a5fb99b102bb2922ee1 (diff) | |
| download | opencode-146bae82cb584c253a42ed4565d423d9cded93a6.tar.gz opencode-146bae82cb584c253a42ed4565d423d9cded93a6.zip | |
fix(desktop): button styles
| -rw-r--r-- | packages/desktop/src/pages/layout.tsx | 9 | ||||
| -rw-r--r-- | packages/ui/src/components/button.css | 8 |
2 files changed, 6 insertions, 11 deletions
diff --git a/packages/desktop/src/pages/layout.tsx b/packages/desktop/src/pages/layout.tsx index 1d9669604..85f55e8bd 100644 --- a/packages/desktop/src/pages/layout.tsx +++ b/packages/desktop/src/pages/layout.tsx @@ -3,7 +3,6 @@ import { createMemo, For, ParentProps, Show } from "solid-js" import { getFilename } from "@/utils" import { DateTime } from "luxon" import { useSync } from "@/context/sync" -import { VList } from "virtua/solid" import { A, useParams } from "@solidjs/router" export default function Layout(props: ParentProps) { @@ -19,11 +18,9 @@ export default function Layout(props: ParentProps) { <span class="text-14-regular overflow-hidden text-ellipsis">{getFilename(sync.data.path.directory)}</span> </div> <div class="flex flex-col items-start gap-4 self-stretch flex-1 py-4 px-3 overflow-hidden"> - <A href="/session" class="w-full"> - <Button class="w-full" size="large" icon="edit-small-2"> - New Session - </Button> - </A> + <Button as={A} href="/session" class="w-full" size="large" icon="edit-small-2"> + New Session + </Button> <div class="w-full h-full overflow-y-auto no-scrollbar flex flex-col flex-1"> <nav class="w-full"> <For each={sync.data.session}> diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css index 112d648e6..f5a08067a 100644 --- a/packages/ui/src/components/button.css +++ b/packages/ui/src/components/button.css @@ -62,15 +62,13 @@ color: var(--text-strong); &:hover:not(:disabled) { - background-color: var(--surface-hover); + background-color: var(--button-ghost-hover); } &:active:not(:disabled) { - border-color: var(--border-active); - background-color: var(--surface-active); + background-color: var(--button-ghost-hover-2); } &:focus:not(:disabled) { - border-color: var(--border-focus); - background-color: var(--surface-focus); + background-color: var(--button-ghost-hover); } } |