fix(ui): position disclaimer and directory modals 50px from top

Align home disclaimer and directory submit dialogs near the top of the viewport instead of vertically centering them.
This commit is contained in:
Tommaso Casaburi
2026-05-30 13:10:22 +07:00
parent 5a0b4909b8
commit b983cfdce4
2 changed files with 8 additions and 8 deletions
@@ -24,11 +24,11 @@
position: fixed;
width: 500px;
max-width: calc(100% - 20px);
max-height: calc(100vh - 40px);
max-height: calc(100vh - 70px);
overflow-y: auto;
top: 50%;
top: 50px;
left: 50%;
transform: translate(-50%, -50%);
transform: translateX(-50%);
background-color: var(--directory-modal-background-color, #f0e0d6);
border: var(--directory-modal-border, 1px solid #d9bfb7);
color: var(--directory-modal-text-color, #800);
@@ -46,8 +46,8 @@
width: calc(100% - 20px);
max-width: 500px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
top: 50px;
transform: translateX(-50%);
}
}
@@ -20,11 +20,11 @@
position: fixed;
width: 300px;
max-width: calc(100% - 20px);
max-height: calc(100vh - 40px);
max-height: calc(100vh - 70px);
overflow-y: auto;
top: 50%;
top: 50px;
left: 50%;
transform: translate(-50%, -50%);
transform: translateX(-50%);
background-color: var(--disclaimer-modal-background-color, rgb(255, 255, 255));
border: var(--disclaimer-modal-border, 1px solid rgb(136, 0, 0));
color: var(--disclaimer-modal-text-color, rgb(136, 0, 0));