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

fix(desktop): button styles

Browse Source
This commit is contained in:
Adam
2025-11-06 06:24:39 -06:00
parent ab345cf0da
commit 146bae82cb
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/desktop/src/pages/layout.tsx
View File

@@ -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}>

8
packages/ui/src/components/button.css
View File

@@ -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);
}
}