Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - fix modal position

Browse Source
This commit is contained in:
Sam 2023-03-04 19:51:15 +01:00
parent 41eb11bbcc
commit f771baae8b
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
fittrackee_client/src/components/Common/Modal.vue
View File

@ -68,20 +68,17 @@
background-color: var(--modal-background-color); background-color: var(--modal-background-color);
padding: $default-padding; padding: $default-padding;
z-index: 1240; z-index: 1240;
display: flex;
justify-content: center;
align-items: center;
.custom-modal { .custom-modal {
background-color: var(--app-background-color); background-color: var(--app-background-color);
border-radius: $border-radius; border-radius: $border-radius;
max-width: 500px; max-width: 500px;
margin: 25% auto;
z-index: 1250; z-index: 1250;
@media screen and (max-width: $medium-limit) { @media screen and (max-width: $medium-limit) {
margin: 15% auto;
width: 100%;
}
@media screen and (max-width: $small-limit) {
margin: 50% 0;
width: 100%; width: 100%;
} }