ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(app): glass the workspace bar

Browse source
This commit is contained in:
Brendan Allan 2026-07-20 23:59:10 +00:00
commit 8eec2c6d57
2 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/app/src/index.css
View file

@ -44,6 +44,20 @@ html[data-background-image] [data-background-surface="prompt"] [data-background-
backdrop-filter: none;
}
html[data-background-image] [data-background-surface="workspace-bar"] {
padding-inline: 6px;
border-radius: 6px;
background-color: color-mix(in srgb, var(--v2-background-bg-base) 68%, transparent) !important;
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v2-border-border-base) 70%, transparent);
backdrop-filter: blur(16px);
}
html[data-background-image] [data-background-surface="workspace-bar"] [data-background-surface="project-selector"] {
background-color: transparent !important;
box-shadow: none;
backdrop-filter: none;
}
@font-face {
font-family: "JetBrainsMono Nerd Font Mono";
src: url("/assets/JetBrainsMonoNerdFontMono-Regular.woff2") format("woff2");

1
packages/app/src/pages/new-session.tsx
View file

@ -180,6 +180,7 @@ export default function NewSessionPage() {
/>
<Show when={projectController.selected()}>
<div
data-background-surface={showWorkspaceBar() ? "workspace-bar" : undefined}
class="flex min-h-7 min-w-0 items-center gap-0 text-v2-text-text-faint"
classList={{
"flex-col justify-center sm:flex-row": showWorkspaceBar(),