RyderTech/nlcc-itinerary
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Fix modal positioning and improve login modal as proper overlay popup

Browse Source
This commit is contained in:
Ryderjj89
2025-09-29 19:57:46 -04:00
parent 2715c25744
commit d235f8cd55
2 changed files with 48 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
assets/css/main.css
View File

@@ -340,9 +340,49 @@ input:focus, textarea:focus, .nui-input:focus, .nui-textarea:focus {
vertical-align: middle !important;
}
/* Modal styling */
/* Modal styling - CRITICAL FIX */
.nui-modal {
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 9999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: rgba(0, 0, 0, 0.5) !important;
backdrop-filter: blur(4px) !important;
}
.nui-modal-overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background-color: rgba(0, 0, 0, 0.5) !important;
backdrop-filter: blur(4px) !important;
}
.nui-modal-content {
background: white !important;
border-radius: 0.5rem !important;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
max-width: 90vw !important;
max-height: 90vh !important;
overflow: auto !important;
position: relative !important;
z-index: 10000 !important;
margin: 1rem !important;
}
/* Ensure modal is properly centered */
.nui-modal > div {
width: 100% !important;
max-width: 400px !important;
margin: 0 auto !important;
}
/* Force logo to be small */