diff options
| author | adamelmore <[email protected]> | 2026-01-27 08:28:55 -0600 |
|---|---|---|
| committer | adamelmore <[email protected]> | 2026-01-27 08:43:37 -0600 |
| commit | 099ab929dbfcbe9e167e1afd46487e039e46b1c2 (patch) | |
| tree | 28540d7a1dd0d4fe480b48668fad359ba75d817a /packages/app/src/pages | |
| parent | eac2d4c6999f79085ac72dd4812125674030ef16 (diff) | |
| download | opencode-099ab929dbfcbe9e167e1afd46487e039e46b1c2.tar.gz opencode-099ab929dbfcbe9e167e1afd46487e039e46b1c2.zip | |
chore(app): cleanup tailwind vs pure css
Diffstat (limited to 'packages/app/src/pages')
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 13 |
1 files changed, 3 insertions, 10 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 97eed72d7..15557dedb 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1563,7 +1563,6 @@ export default function Layout(props: ParentProps) { const notifications = createMemo(() => notification.project.unseen(props.project.worktree)) const hasError = createMemo(() => notifications().some((n) => n.type === "error")) const name = createMemo(() => props.project.name || getFilename(props.project.worktree)) - const mask = "radial-gradient(circle 5px at calc(100% - 4px) 4px, transparent 5px, black 5.5px)" const opencode = "4b0ea68d7af9a6031a7ffda7ad66e0cb83315750" return ( @@ -1574,11 +1573,7 @@ export default function Layout(props: ParentProps) { src={props.project.id === opencode ? "https://opencode.ai/favicon.svg" : props.project.icon?.override} {...getAvatarColors(props.project.icon?.color)} class="size-full rounded" - style={ - notifications().length > 0 && props.notify - ? { "-webkit-mask-image": mask, "mask-image": mask } - : undefined - } + classList={{ "badge-mask": notifications().length > 0 && props.notify }} /> </div> <Show when={notifications().length > 0 && props.notify}> @@ -2348,8 +2343,7 @@ export default function Layout(props: ParentProps) { ref={(el) => { if (!props.mobile) scrollContainerRef = el }} - class="size-full flex flex-col py-2 overflow-y-auto no-scrollbar" - style={{ "overflow-anchor": "none" }} + class="size-full flex flex-col py-2 overflow-y-auto no-scrollbar [overflow-anchor:none]" > <nav class="flex flex-col gap-1 px-2"> <Show when={loading()}> @@ -2575,8 +2569,7 @@ export default function Layout(props: ParentProps) { ref={(el) => { if (!panelProps.mobile) scrollContainerRef = el }} - class="size-full flex flex-col py-2 gap-4 overflow-y-auto no-scrollbar" - style={{ "overflow-anchor": "none" }} + class="size-full flex flex-col py-2 gap-4 overflow-y-auto no-scrollbar [overflow-anchor:none]" > <SortableProvider ids={workspaces()}> <For each={workspaces()}> |