tweak(ui): improve collpase area
This commit is contained in:
parent
5d419a0211
commit
752e449e38
2 changed files with 7 additions and 27 deletions
|
|
@ -1,4 +1,4 @@
|
|||
import type { ComponentProps, JSX } from "solid-js"
|
||||
import type { JSX } from "solid-js"
|
||||
import { DockShell, DockTray } from "./dock-surface"
|
||||
|
||||
export function DockPrompt(props: {
|
||||
|
|
@ -7,13 +7,12 @@ export function DockPrompt(props: {
|
|||
children: JSX.Element
|
||||
footer: JSX.Element
|
||||
ref?: (el: HTMLDivElement) => void
|
||||
bodyProps?: Omit<ComponentProps<"div">, "children">
|
||||
}) {
|
||||
const slot = (name: string) => `${props.kind}-${name}`
|
||||
|
||||
return (
|
||||
<div data-component="dock-prompt" data-kind={props.kind} ref={props.ref}>
|
||||
<DockShell {...(props.bodyProps ?? {})} data-slot={slot("body")}>
|
||||
<DockShell data-slot={slot("body")}>
|
||||
<div data-slot={slot("header")}>{props.header}</div>
|
||||
<div data-slot={slot("content")}>{props.children}</div>
|
||||
</DockShell>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue