gofnnp/w-aura
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: apple pay button styles

Browse Source
This commit is contained in:
Aidar Shaikhutdin @makeweb.space 2023-07-01 21:11:34 +03:00
parent 35435c88bc
commit faed3c8b7e
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/PaymentPage/styles.css
View File

@ -101,7 +101,8 @@
} }
.pay-btn, .pay-btn,
.gpay-button-fake-loader { .gpay-button-fake-loader,
.apple-pay-button-placeholder {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -113,26 +114,22 @@
border-radius: 19px; border-radius: 19px;
} }
.pay-btn .gpay-button, .pay-btn .gpay-button {
.gpay-button-fake-loader {
height: 60px; height: 60px;
border-radius: 19px; border-radius: 19px;
} }
.gpay-button-fake-loader { .gpay-button-fake-loader {
position: relative;
background-image: url(./methods/GooglePay/dark_gpay.svg); background-image: url(./methods/GooglePay/dark_gpay.svg);
background-origin: content-box; background-origin: content-box;
background-position: center center; background-position: center center;
background-repeat: no-repeat;
background-size: contain; background-size: contain;
padding: 12px 15% 10px;
display: flex;
align-items: end;
} }
.apple-pay-button-placeholder { .apple-pay-button-placeholder {
-webkit-appearance: -apple-pay-button; background-size: 100% 60%;
background-position: 50% 50%;
background-image: -webkit-named-image(apple-pay-logo-white);
} }
.gpay-button-fake-loader, .gpay-button-fake-loader,
@ -140,5 +137,7 @@
cursor: wait; cursor: wait;
display: flex; display: flex;
align-items: end; align-items: end;
background-repeat: no-repeat;
background-color: rgba(0,0,0,.5); background-color: rgba(0,0,0,.5);
padding: 12px 15% 10px;
} }