mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-29 12:41:10 -04:00
refactor base modal styles
This commit is contained in:
17
resources/assets/sass/components/base-modal.scss
vendored
17
resources/assets/sass/components/base-modal.scss
vendored
@ -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;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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 @@
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -26,6 +26,7 @@
|
||||
.base-modal {
|
||||
|
||||
.item-modal {
|
||||
width: 100vw;
|
||||
|
||||
.input-label {
|
||||
text-align: left;
|
||||
@ -35,4 +36,4 @@
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -31,6 +31,7 @@
|
||||
.base-modal {
|
||||
|
||||
.tax-type-modal {
|
||||
width: 100vw;
|
||||
|
||||
.input-label {
|
||||
text-align: left;
|
||||
|
||||
@ -38,3 +38,20 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $x-small-breakpoint) {
|
||||
|
||||
.base-modal {
|
||||
|
||||
.template-modal {
|
||||
width: 100vw;
|
||||
|
||||
.template-container {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user