improvement: Make dialogs look more like dialogs (#2686)

Co-authored-by: Jed Fox <git@jedfox.com>
Co-authored-by: dwelle <luzar.david@gmail.com>
This commit is contained in:
Lipis 2021-01-03 11:50:41 +02:00 committed by GitHub
parent eb1f717d35
commit 69878167c2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 24 additions and 28 deletions

View file

@ -79,8 +79,8 @@ export const Dialog = (props: {
maxWidth={props.small ? 550 : 800}
onCloseRequest={props.onCloseRequest}
>
<Island padding={4} ref={setIslandNode}>
<h2 id="dialog-title" className="Dialog__title">
<Island ref={setIslandNode}>
<h3 id="dialog-title" className="Dialog__title">
<span className="Dialog__titleContent">{props.title}</span>
<button
className="Modal__close"
@ -89,8 +89,8 @@ export const Dialog = (props: {
>
{useIsMobile() ? back : close}
</button>
</h2>
{props.children}
</h3>
<div className="Dialog__content">{props.children}</div>
</Island>
</Modal>
);