Override the css to match the "styling" tab styles

This commit is contained in:
Narek Zakarian 2025-01-14 11:38:25 +04:00
parent b842873370
commit 7483fd63c9
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7

View file

@ -0,0 +1,89 @@
.ppcp-r-paylater-configurator {
display: flex;
border: 1px solid $color-gray-200;
border-radius: 8px;
overflow: hidden;
.css-1snxoyf.eolpigi0 {
margin: 0;
}
#configurator-eligibleContainer.css-4nclxm.e1vy3g880 {
width: 100%;
max-width: 100%;
padding: 48px 0px 48px 48px;
#configurator-controlPanelContainer.css-5urmrq.e1vy3g880 {
width: 374px;
padding-right: 48px;
}
#configurator-previewSectionContainer.css-vojyxx.e1vy3g880 {
width: calc(100% - 374px);
.css-7xkxom, .css-8tvj6u {
height: auto;
}
.css-10nkerk.ej6n7t60 {
align-items: flex-start;
}
.css-1sgwra0-svg-size_sm {
height: 1.2rem;
width: 1.2rem;
}
.css-1vc34jy-handler {
height: 1.6rem;
width: 1.6rem;
}
.css-8vwtr6-state {
height: 1.6rem;
}
}
}
&__subheader, #configurator-controlPanelSubHeader {
@include font(13, 20, 400);
color: $color-gray-800;
margin: 0 0 18px 0;
}
.css-1caaugt-links_base-text_body_strong, .css-dpyjrq-text_body {
@include font(13, 20, 400);
}
&__header, #configurator-controlPanelHeader, #configurator-previewSectionSubHeaderText.css-14ujlqd-text_body, .css-16jt5za-text_body {
@include font(14, 20, 600);
color: $color-gray-800;
margin: 0 0 8px 0;
display: block;
}
.css-1yo2lxy-text_body_strong {
@include font(13, 16, 600);
color: $color-black;
margin: 0;
text-transform: none;
}
.css-rok10q {
margin-top: 0;
}
&__publish-button {
display: none;
}
.css-1oxdnb3-dropdown_menu_button-text_field_value_sm-active, .css-1wvwydd-dropdown_menu_button-text_field_value_sm-active-active, .css-16jt5za-text_body {
font-size: 13px;
line-height: 1.5384615385;
font-weight: 400;
}
.css-udzaps {
padding: 0px;
}
}