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

CASH-472 update donation slider box shadow to match Figma.

Browse source
This commit is contained in:
Bryan Mauger 2025-05-27 13:48:29 -04:00
parent 5798e40751
commit 84967d0caf
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/experiment-components/donation-block.vue
View file

@ -208,8 +208,9 @@ export default {
justify-content: center; justify-content: center;
background: $blue-100; background: $blue-100;
border-radius: 3rem; border-radius: 3rem;
box-shadow: 0px 0px 4px 1px rgba(0, 112, 209, 1) inset; box-shadow: inset 0px 2px 4px 0px rgba(0, 112, 209, .2);
font-size: 0.875rem; font-size: .875rem;
border: 1px solid $blue;
.label { .label {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
@ -231,7 +232,7 @@ export default {
left: -2rem; left: -2rem;
background: $blue; background: $blue;
border-radius: 3rem; border-radius: 3rem;
box-shadow: 0px 0px 0px 1px rgba(0, 112, 209, 1) inset; box-shadow: 0px 3px 4px 0px rgba(66, 68, 90, 0.2);
transition: transform 750ms cubic-bezier(0.02, 0.94, 0.09, 0.97); transition: transform 750ms cubic-bezier(0.02, 0.94, 0.09, 0.97);
transform: translate3d(2rem, 0, 0); transform: translate3d(2rem, 0, 0);
} }