fix: account for header height in dialogs

This commit is contained in:
trafficlunar 2025-04-18 23:03:25 +01:00
parent ce7a57baef
commit efda1acdc1
7 changed files with 29 additions and 7 deletions

View file

@ -121,7 +121,7 @@ export default function QrScanner({ isOpen, setIsOpen, setQrBytesRaw }: Props) {
if (!isOpen) return null;
return (
<div className="fixed inset-0 flex items-center justify-center z-40">
<div className="fixed inset-0 h-[calc(100%-var(--header-height))] top-[var(--header-height)] flex items-center justify-center z-40">
<div
onClick={close}
className={`z-40 absolute inset-0 backdrop-brightness-75 backdrop-blur-xs transition-opacity duration-300 ${