woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

💄 Fix settings-container alignment & width

Browse source
This commit is contained in:
Philipp Stracker 2025-01-27 17:22:35 +01:00
parent 727462305b
commit 60f54d56ea
No known key found for this signature in database
3 changed files with 31 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

46
modules/ppcp-settings/resources/css/components/reusable-components/_settings-wrapper.scss
View file

@ -1,28 +1,26 @@
.ppcp-r {
&-container {
max-width: var(--max-container-width, none);
margin-right: auto;
}
.ppcp-r-container {
max-width: var(--max-container-width, none);
margin: 0 auto 0 35px;
}
&-inner-container {
margin-left: auto;
margin-right: auto;
padding: 0 16px 48px;
box-sizing: content-box;
.ppcp-r-inner-container {
margin-left: auto;
margin-right: auto;
padding: 0 16px 48px;
box-sizing: content-box;
@media screen and (max-width: 480px) {
padding-bottom: 36px;
}
}
&-settings {
> * {
margin-bottom: $card-vertical-gap;
}
> *:not(:last-child) {
padding-bottom: $card-vertical-gap;
border-bottom: 1px solid $color-gray-200;
}
@media screen and (max-width: 480px) {
padding-bottom: 36px;
}
}
.ppcp-r-settings {
> * {
margin-bottom: $card-vertical-gap;
}
> *:not(:last-child) {
padding-bottom: $card-vertical-gap;
border-bottom: 1px solid $color-gray-200;
}
}