jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSR-2140 css updates.

Browse source
This commit is contained in:
Bryan Mauger 2024-07-15 15:08:36 -04:00
parent e750e277ab
commit d9de8e58b2
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/quote/quote.vue
View file

@ -37,7 +37,7 @@
v-on="{ 'buttonEvent.openModal': openModalAction }" v-on="{ 'buttonEvent.openModal': openModalAction }"
validationRules="option-required" validationRules="option-required"
isRequired /> isRequired />
</div> </div>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6 col-xl-4"> <div class="col-md-6 col-xl-4">

22
src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
View file

@ -140,7 +140,7 @@ export default {
.package-wrapper { .package-wrapper {
margin: 0.5rem 0; margin: 0.5rem 0;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin: 1rem .5rem; margin: 1rem 0.5rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-self: flex-end; align-self: flex-end;
@ -150,7 +150,11 @@ export default {
display: block; display: block;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
display: flex; display: flex;
min-height: 276px; min-height: 320px;
}
@include media-breakpoint-up(xl) {
display: flex;
min-height: 276px;
} }
} }
@ -178,7 +182,7 @@ export default {
} }
&.has-text { &.has-text {
border-radius: 0 0 0.5rem 0.5rem; border-radius: 0 0 0.5rem 0.5rem;
border: 1px solid #469d2a !important; border: 1px solid #469d2a;//Temp color
} }
&:before { &:before {
@ -277,7 +281,7 @@ export default {
font-size: 0.875rem; font-size: 0.875rem;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: absolute; position: absolute;
bottom: .75rem; bottom: 0.75rem;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -301,27 +305,27 @@ export default {
} }
span { span {
&.service-package-discount { &.service-package-discount {
color: #469d2a; color: #469d2a;//Temp color
text-align: end; text-align: end;
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
div.strikethrough-discount-price { div.strikethrough-discount-price {
text-decoration: line-through; text-decoration: line-through;
margin-right: 0; margin-right: 0;
font-weight: 500; font-weight: 400;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 20px; line-height: 20px;
color: $gray-500; color: $gray-500;
padding-right: 2px; padding-right: 2px;
} }
div.discount-price { div.discount-price {
color: #469d2a; color: #469d2a;//Temp color
font-weight: 600; font-weight: 600;
font-size: 1.625rem; font-size: 1.625rem;
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: absolute; position: absolute;
bottom: .75rem; bottom: 0.75rem;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -365,7 +369,7 @@ export default {
display: flex; display: flex;
border-top-right-radius: 0.5rem; border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem; border-top-left-radius: 0.5rem;
background-color: #469d2a; background-color: #469d2a;//Temp color
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100%; width: 100%;