refactor base modal styles

This commit is contained in:
Jay_Makwana
2019-11-15 19:42:16 +05:30
parent 9707b6b3a2
commit 1567d9fd37
8 changed files with 47 additions and 8 deletions

View File

@ -55,14 +55,29 @@
.close-icon {
position: absolute;
padding: 6px 0 0 0;
padding: 6px;
top: 23px;
right: 15px;
display: flex;
justify-content: center;
align-content: center;
width: 20px;
cursor: pointer;
}
}
@media (max-width: $x-small-breakpoint) {
.base-modal {
.modal-body {
height: 100%;
overflow: scroll;
border-radius: 0px;
}
}
}

View File

@ -36,11 +36,16 @@
}
@media(max-width: $x-small-breakpoint ) {
@media (max-width: $x-small-breakpoint) {
.base-modal {
.customer-modal {
width: 100vw;
.required {
position: relative;
}
.input-label {
text-align: left;
@ -50,4 +55,4 @@
}
}
}

View File

@ -26,6 +26,7 @@
.base-modal {
.item-modal {
width: 100vw;
.input-label {
text-align: left;
@ -35,4 +36,4 @@
}
}
}

View File

@ -31,6 +31,7 @@
.base-modal {
.tax-type-modal {
width: 100vw;
.input-label {
text-align: left;

View File

@ -38,3 +38,20 @@
}
}
}
@media (max-width: $x-small-breakpoint) {
.base-modal {
.template-modal {
width: 100vw;
.template-container {
justify-content: center;
}
}
}
}