fix(settings): hide All Invoices modal by default using display: none
- Changed default display from flex to none to prevent modal from appearing at bottom of page - Modal now properly hidden until View All button is clicked
This commit is contained in:
@@ -840,18 +840,17 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: rgba(15, 23, 42, 0.6);
|
background: rgba(15, 23, 42, 0.6);
|
||||||
backdrop-filter: blur(4px);
|
backdrop-filter: blur(4px);
|
||||||
display: flex;
|
display: none;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-modal-overlay.active {
|
.invoice-modal-overlay.active {
|
||||||
|
display: flex;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
visibility: visible;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.invoice-modal {
|
.invoice-modal {
|
||||||
|
|||||||
Reference in New Issue
Block a user