Merge pull request #2746 from Safelite/CASH-1356-update-button-shadow

CASH-1356 update button shadow
This commit is contained in:
bmauger 2025-08-11 09:36:29 -04:00 committed by GitHub
commit 7f31f5276b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 14 additions and 14 deletions

View file

@ -154,7 +154,7 @@ 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;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
min-height: 3.5rem; min-height: 3.5rem;
} }

View file

@ -337,7 +337,7 @@ export default {
border-radius: 0.5rem; border-radius: 0.5rem;
min-height: 3rem; min-height: 3rem;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
padding: 1rem; padding: 1rem;
min-height: 3.5rem; min-height: 3.5rem;

View file

@ -123,7 +123,7 @@ export default {
width: auto; width: auto;
height: auto; height: auto;
border-radius: 1.5rem; border-radius: 1.5rem;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
background-color: $white; background-color: $white;
position: relative; position: relative;
display: flex; display: flex;

View file

@ -125,7 +125,7 @@ export default {
align-items: center; align-items: center;
height: 3rem; height: 3rem;
border-radius: 0.5rem; border-radius: 0.5rem;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
&.progress-saved { &.progress-saved {
background: none; background: none;

View file

@ -112,7 +112,7 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
width: 100%; width: 100%;
outline: none; outline: none;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
span { span {
&.small { &.small {

View file

@ -94,7 +94,7 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
width: 100%; width: 100%;
outline: none; outline: none;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
span.premium-appointment-price { span.premium-appointment-price {
position: absolute; position: absolute;

View file

@ -601,7 +601,7 @@ export default {
} }
} }
.waitlist { .waitlist {
box-shadow: 0px 1px 4px 0px #00000033; box-shadow: 0 1px 5px 0 #00000033;
border-radius: 8px; border-radius: 8px;
font-size: $h6-font-size; font-size: $h6-font-size;
padding: 16px; padding: 16px;
@ -611,7 +611,7 @@ export default {
padding-left: 0px; padding-left: 0px;
input { input {
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 1px 4px 0px #00000033; box-shadow: 0 1px 5px 0 #00000033;
} }
} }
.form-check-input { .form-check-input {

View file

@ -663,7 +663,7 @@ export default {
font-size: 50%; font-size: 50%;
} }
.waitlist { .waitlist {
box-shadow: 0px 1px 4px 0px #00000033; box-shadow: 0 1px 5px 0 #00000033;
border-radius: 8px; border-radius: 8px;
font-size: 1rem; font-size: 1rem;
padding: 16px; padding: 16px;
@ -677,7 +677,7 @@ export default {
padding-left: 0px; padding-left: 0px;
input { input {
border-radius: 4px; border-radius: 4px;
box-shadow: 0px 1px 4px 0px #00000033; box-shadow: 0 1px 5px 0 #00000033;
} }
} }
.form-check-input { .form-check-input {

View file

@ -177,7 +177,7 @@ export default {
border: 1px solid $gray-500; border: 1px solid $gray-500;
width: 100%; width: 100%;
outline: none; outline: none;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
span { span {
&.small { &.small {

View file

@ -43,7 +43,7 @@ export default {
<style lang="scss"> <style lang="scss">
.list-button-horizontal { .list-button-horizontal {
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
input[type="radio"], input[type="radio"],
input[type="checkbox"] { input[type="checkbox"] {
position: absolute; position: absolute;

View file

@ -106,7 +106,7 @@ export default {
width: 100%; width: 100%;
outline: none; outline: none;
border-radius: 50rem; border-radius: 50rem;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
span { span {
&.small { &.small {

View file

@ -76,7 +76,7 @@ export default {
} }
.list-card { .list-card {
border: 1px solid $gray-500; border: 1px solid $gray-500;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
&.has-error { &.has-error {
input[type="checkbox"], input[type="checkbox"],