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

Merge pull request #2473 from Safelite/feature/Digital/CASH-205

Browse source 
CASH-205
This commit is contained in:
hiteshkumar87 2025-05-01 13:50:22 +05:30 committed by GitHub
commit 0ac95507f0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue
View file

@ -146,6 +146,7 @@ export default {
.alert { .alert {
border-radius: 5px; border-radius: 5px;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1.5rem;
&.alert-info { &.alert-info {
.alert-heading { .alert-heading {
@ -168,6 +169,7 @@ export default {
font-weight: $font-weight-normal; font-weight: $font-weight-normal;
} }
.after-pay { .after-pay {
margin-top: 1rem;
.after-pay-toggle { .after-pay-toggle {
cursor: pointer; cursor: pointer;
@ -210,6 +212,7 @@ export default {
justify-content: space-around; justify-content: space-around;
gap: 0.5rem; gap: 0.5rem;
margin-top: 1rem; margin-top: 1rem;
font-size: 0.875rem;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
gap: 0rem; gap: 0rem;
} }
@ -219,33 +222,23 @@ export default {
flex-direction: column; flex-direction: column;
border-radius: 0.375rem; border-radius: 0.375rem;
border: 0.25px $gray-1000; border: 0.25px $gray-1000;
background: linear-gradient(to bottom, $white 50%, $green-600 50%);
box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.15);
width: 4.375rem;
@include media-breakpoint-up(md) {
width: 5rem;
}
font-weight: $font-weight-700;
text-align: center;
} }
.calendar-section { .calendar-section {
background-color: $white; /* White background for calendar area */
padding: 0.5rem; padding: 0.5rem;
text-align: center;
gap: 0.125rem; gap: 0.125rem;
font-weight: $font-weight-700;
white-space: nowrap; white-space: nowrap;
border-top-left-radius: 0.375rem; color: $black-100;
border-top-right-radius: 0.375rem;
width: 4.375rem;
@include media-breakpoint-up(md) {
width: 5rem;
}
} }
.payment-amount-section { .payment-amount-section {
background-color: $green-600; /* Light green background for payment area */
padding: 0.5rem; padding: 0.5rem;
text-align: center;
font-weight: $font-weight-700;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
width: 4.375rem;
@include media-breakpoint-up(md) {
width: 5rem;
}
} }
.afterpay-learn-more { .afterpay-learn-more {
margin-left: 0.25rem; margin-left: 0.25rem;
@ -262,6 +255,8 @@ export default {
justify-content: center; justify-content: center;
margin-top: 1rem; margin-top: 1rem;
gap: 1rem; gap: 1rem;
color: $gray-1100;
font-size: 0.875rem;
} }
.legend-item { .legend-item {
display: flex; display: flex;

1
src/styles/ux-variables.scss
View file

@ -3,6 +3,7 @@
// White/black // White/black
$white: #ffffff; $white: #ffffff;
$black: #000000; $black: #000000;
$black-100: #0a0a0a;
// Blues // Blues
$blue-100: #e4f1f7; // Used in theme $blue-100: #e4f1f7; // Used in theme