trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-28 06:34:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: account for header height in dialogs

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/components/profile-settings/delete-account.tsx
View file

@ -48,7 +48,7 @@ export default function DeleteAccount() {
{isOpen &&
createPortal(
<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 ${

2
src/components/profile-settings/submit-dialog-button.tsx
View file

@ -42,7 +42,7 @@ export default function SubmitDialogButton({ title, description, onSubmit, error
{isOpen &&
createPortal(
<div className="fixed inset-0 flex-grow flex items-center justify-center z-40">
<div className="fixed inset-0 w-full 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 ${