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

CASH-404 desktop updates.

Browse source
This commit is contained in:
Bryan Mauger 2025-03-24 13:24:59 -04:00
parent a3a6944d55
commit c539fc6a0b
7 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/digital-components/textbox-question/textbox-question.vue
View file

@ -325,8 +325,11 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
border-radius: 0.5rem; border-radius: 0.5rem;
min-height: 3rem; min-height: 3rem;
max-height: 48px; padding: 0.75rem 1rem;
padding: 12px 16px; @include media-breakpoint-up(md) {
padding: 1rem;
min-height: 3.5rem;
}
&::placeholder { &::placeholder {
color: $gray-500; color: $gray-500;
} }

2
src/fmg-components/funnel-sub-header/funnel-sub-header.vue
View file

@ -89,7 +89,7 @@ p.small {
} }
.sub-text { .sub-text {
margin: 0; margin: 0;
@include responsive-heading-md(0.875rem, 1rem); @include responsive-font-size-md(0.875rem, 1rem);
} }
.justify-content-start { .justify-content-start {

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

@ -794,6 +794,6 @@ export default {
display: block; display: block;
} }
:deep(.promo-modal-question a) { :deep(.promo-modal-question a) {
@include responsive-heading-md(0.875rem, 1rem); @include responsive-font-size-md(0.875rem, 1rem);
} }
</style> </style>

2
src/layouts/service-location/shop-question/shop-list-button/shop-list-button.vue
View file

@ -6,7 +6,7 @@
v-model="selectedValue"> v-model="selectedValue">
<div <div
:aria-label="buttonLabel" :aria-label="buttonLabel"
class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4"> class="button-content list-button-content d-flex flex-column justify-content-center py-3 px-4 p-md-4">
<div class="row-one"> <div class="row-one">
<span class="m-0 button-label-copy text-truncate" :class="textPosition"> <span class="m-0 button-label-copy text-truncate" :class="textPosition">
{{ buttonLabel }} {{ buttonLabel }}

2
src/layouts/service-location/shop-question/shop-question.vue
View file

@ -272,7 +272,7 @@ export default {
text-align: center; text-align: center;
a { a {
@include responsive-heading-md(0.875rem, 1rem); @include responsive-font-size-md(0.875rem, 1rem);
} }
.button-question { .button-question {

2
src/styles/common-typography-styles.scss
View file

@ -37,7 +37,7 @@ h5,
.h5 { .h5 {
line-height: 1.325; line-height: 1.325;
font-weight: 400; font-weight: 400;
@include responsive-heading-md(1.25rem, 1.625rem); @include responsive-font-size-md(1.25rem, 1.625rem);
} }
h6, h6,

7
src/styles/mixins/customMixins.scss
View file

@ -9,11 +9,14 @@
box-shadow: 0 0 0 4px $color; box-shadow: 0 0 0 4px $color;
} }
//Define heading sizes for medium breakpoints // Typography size mixin for medium breakpoints
@mixin responsive-heading-md($font-size, $md-font-size) { // Use this to adjust font size for medium breakpoint
@mixin responsive-font-size-md($font-size, $md-font-size) {
font-size: $font-size; font-size: $font-size;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
font-size: $md-font-size; font-size: $md-font-size;
} }
} }
// Usage: @include responsive-font-size-md(mobile-font-size-in-rem, desktop-font-size-in-rem);
// Example: @include responsive-font-size-md(0.875rem, 1rem);