Fix modal backgrounds to be solid white instead of transparent

This commit is contained in:
Mondo Diaz
2026-01-28 16:25:22 +00:00
parent 1b2bc33aba
commit 1f5d3665c8
4 changed files with 8 additions and 7 deletions

View File

@@ -181,12 +181,13 @@
} }
.modal-content { .modal-content {
background: var(--color-bg); background: #ffffff;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 1.5rem; padding: 1.5rem;
width: 100%; width: 100%;
max-width: 480px; max-width: 480px;
max-height: 90vh; max-height: 90vh;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
overflow-y: auto; overflow-y: auto;
} }

View File

@@ -139,12 +139,12 @@
} }
.modal-content { .modal-content {
background: var(--color-bg); background: #ffffff;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 1.5rem; padding: 1.5rem;
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
box-shadow: var(--shadow-xl); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
} }
.modal-content h2 { .modal-content h2 {

View File

@@ -149,12 +149,12 @@
} }
.modal-content { .modal-content {
background: var(--color-bg); background: #ffffff;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 1.5rem; padding: 1.5rem;
width: 100%; width: 100%;
max-width: 400px; max-width: 400px;
box-shadow: var(--shadow-xl); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
} }
.modal-content h2 { .modal-content h2 {

View File

@@ -197,11 +197,11 @@
} }
.modal-content { .modal-content {
background: var(--color-bg); background: #ffffff;
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
width: 100%; width: 100%;
max-width: 480px; max-width: 480px;
box-shadow: var(--shadow-xl); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
overflow: hidden; overflow: hidden;
} }