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

Merge pull request #2762 from Safelite/CASH-1404-fix-tablet-size-shifting

Browse source 
CASH-1404 fix tablet size shifting
This commit is contained in:
bmauger 2025-08-13 13:24:30 -04:00 committed by GitHub
commit 3145a3c302
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/experiment-components/service-package-radio-for-afterpay.vue
View file

@ -219,7 +219,7 @@ export default {
&.has-subheader { &.has-subheader {
& > .package-specs { & > .package-specs {
display: inline-flex; display: inline-flex;
@include media-breakpoint-up(md) { @include media-breakpoint-up(lg) {
& > div:first-of-type { & > div:first-of-type {
display: flex; display: flex;
} }
@ -335,6 +335,9 @@ export default {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
white-space: nowrap; white-space: nowrap;
@include media-breakpoint-up(md) {
display: inline-flex;
}
&.sub-label { &.sub-label {
color: $green; color: $green;
@ -374,6 +377,8 @@ export default {
} }
div.discount-price { div.discount-price {
color: $green; color: $green;
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: absolute; position: absolute;
@ -457,6 +462,8 @@ export default {
font-weight: 600; font-weight: 600;
line-height: 20px; line-height: 20px;
font-size: 1.25rem; font-size: 1.25rem;
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
span.strikethrough-price { span.strikethrough-price {
text-decoration: line-through; text-decoration: line-through;

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

@ -314,13 +314,14 @@ export default {
&.pricing-info { &.pricing-info {
color: $green; color: $green;
font-size: 0.875rem; font-size: 0.875rem;
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
font-weight: 600;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
position: absolute; position: absolute;
bottom: 0.75rem; bottom: 0.75rem;
left: 0; left: 0;
width: 100%; width: 100%;
margin-left: 1.25rem; margin-left: 1.25rem;
font-weight: 600;
} }
span.strikethrough-price { span.strikethrough-price {
text-decoration: line-through; text-decoration: line-through;