ui: 微調: 可以點擊外部關閉對話框

This commit is contained in:
CrescentLeaf
2025-09-25 17:26:57 +08:00
parent a6cef76ecf
commit 19657fd150

View File

@@ -17,7 +17,7 @@ export default function AddContactDialog({
}: Refs) { }: Refs) {
const inputUserAccountRef = React.useRef<TextField>(null) const inputUserAccountRef = React.useRef<TextField>(null)
return ( return (
<mdui-dialog headline="添加對話" ref={addContactDialogRef}> <mdui-dialog close-on-overlay-click close-on-esc headline="添加對話" ref={addContactDialogRef}>
, ... , ...
<mdui-text-field style={{ marginTop: "10px", }} label="對方的 用戶 ID / 用戶名" ref={inputUserAccountRef as any}></mdui-text-field> <mdui-text-field style={{ marginTop: "10px", }} label="對方的 用戶 ID / 用戶名" ref={inputUserAccountRef as any}></mdui-text-field>
<mdui-button slot="action" variant="text" onClick={() => addContactDialogRef.current!.open = false}></mdui-button> <mdui-button slot="action" variant="text" onClick={() => addContactDialogRef.current!.open = false}></mdui-button>