close modal by backdrop click

This commit is contained in:
Martti Malmi 2023-08-05 21:34:13 +03:00
parent b260bd37ff
commit 96753d3498

View File

@ -156,7 +156,7 @@ export default class Header extends Component {
<ChevronDownIcon width={20} /> <ChevronDownIcon width={20} />
</button> </button>
<dialog id="feed_selector_modal" className="modal focus:outline-none"> <dialog id="feed_selector_modal" className="modal focus:outline-none">
<ul className="p-2 shadow menu bg-base-100 rounded-box w-52 border-2 border-neutral-900 gap-2"> <ul className="modal-box p-2 shadow menu bg-base-100 rounded-box w-52 border-2 border-neutral-900 gap-2">
<li> <li>
<Link className={r === '/' ? 'active' : ''} href="/"> <Link className={r === '/' ? 'active' : ''} href="/">
{t('follows')} {t('follows')}
@ -168,6 +168,9 @@ export default class Header extends Component {
</Link> </Link>
</li> </li>
</ul> </ul>
<form method="dialog" className="modal-backdrop">
<button>close</button>
</form>
</dialog> </dialog>
</Show> </Show>
</div> </div>