Romain/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix modal

Browse Source
This commit is contained in:
Romulus21
2020-04-25 16:02:42 +02:00
parent c71f3ca4d8
commit 659ef1c944
2 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
resources/sass/components/modal.scss vendored
View File

@@ -2,25 +2,26 @@ $modal-duration: 1s;
.modal-container {
background-color: rgba(0,0,0,0.6);
//display: none;
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 0;
.modal {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
width: 400px;
animation-name: modalopen;
animation-duration: $modal-duration;
}
}
.modal {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
position: absolute;
z-index: 20;
overflow: hidden;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
width: 400px;
animation-name: modalopen;
animation-duration: $modal-duration;
}