woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-01 07:02:48 +08:00
Code Issues Projects Packages Wiki Activity Actions

Fix the welcome screen

Browse source
This commit is contained in:
Narek Zakarian 2024-12-04 18:36:35 +04:00
parent bb9dae94ce
commit 87ff0c23a0
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
4 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

15
modules/ppcp-settings/resources/css/components/reusable-components/_badge-box.scss
View file

@ -33,5 +33,20 @@
margin: 6px 0px 0px 0px; margin: 6px 0px 0px 0px;
width: fit-content; width: fit-content;
} }
@media screen and (max-width: 480px) {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-direction: column;
.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
margin: 0px;
img:first-of-type {
margin: 0px;
}
}
}
} }
} }

4
modules/ppcp-settings/resources/css/components/reusable-components/_onboarding-header.scss
View file

@ -31,5 +31,9 @@
@include font(14, 22, 400); @include font(14, 22, 400);
margin: 0 20%; margin: 0 20%;
text-align: center; text-align: center;
@media screen and (max-width: 480px) {
margin: 0px;
}
} }
} }

3
modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss
View file

@ -20,8 +20,7 @@
justify-content: center; justify-content: center;
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
flex-wrap: wrap; display: block;
row-gap: 8px;
} }
} }
} }

1
modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss
View file

@ -78,6 +78,7 @@
border-right: 0; border-right: 0;
padding-right: 0; padding-right: 0;
padding-bottom: 8px; padding-bottom: 8px;
margin: 0px;
} }
} }
} }