monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

chore: cleanup

Browse Source
This commit is contained in:
Adam
2026-01-15 15:48:21 -06:00
parent fcfe6d3d26
commit dca2540ca7
3 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/pages/layout.tsx
View File

@@ -1020,7 +1020,7 @@ export default function Layout(props: ParentProps) {
} }
return ( return (
<Dialog title="Delete workspace"> <Dialog title="Delete workspace" fit>
<div class="flex flex-col gap-4 px-2.5 pb-3"> <div class="flex flex-col gap-4 px-2.5 pb-3">
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
<span class="text-14-regular text-text-strong">Delete workspace "{name()}"?</span> <span class="text-14-regular text-text-strong">Delete workspace "{name()}"?</span>
@@ -1097,7 +1097,7 @@ export default function Layout(props: ParentProps) {
} }
return ( return (
<Dialog title="Reset workspace"> <Dialog title="Reset workspace" fit>
<div class="flex flex-col gap-4 px-2.5 pb-3"> <div class="flex flex-col gap-4 px-2.5 pb-3">
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
<span class="text-14-regular text-text-strong">Reset workspace "{name()}"?</span> <span class="text-14-regular text-text-strong">Reset workspace "{name()}"?</span>

10
packages/ui/src/components/dialog.css
View File

@@ -118,9 +118,15 @@
outline: none; outline: none;
} }
} }
}
&:focus-visible { &[data-fit] {
outline: none; [data-slot="dialog-container"] {
height: auto;
[data-slot="dialog-content"] {
min-height: 0;
}
} }
} }
} }

3
packages/ui/src/components/dialog.tsx
View File

@@ -8,11 +8,12 @@ export interface DialogProps extends ParentProps {
action?: JSXElement action?: JSXElement
class?: ComponentProps<"div">["class"] class?: ComponentProps<"div">["class"]
classList?: ComponentProps<"div">["classList"] classList?: ComponentProps<"div">["classList"]
fit?: boolean
} }
export function Dialog(props: DialogProps) { export function Dialog(props: DialogProps) {
return ( return (
<div data-component="dialog"> <div data-component="dialog" data-fit={props.fit ? true : undefined}>
<div data-slot="dialog-container"> <div data-slot="dialog-container">
<Kobalte.Content <Kobalte.Content
data-slot="dialog-content" data-slot="dialog-content"