Fixed border overflow

pull/5756/head
Cagatay Civici 2024-05-12 00:46:26 +03:00
parent c207339127
commit 4909f130a3
3 changed files with 9 additions and 16 deletions

View File

@ -6,9 +6,6 @@ const theme = ({ dt }) => `
border-radius: ${dt('panel.border.radius')}; border-radius: ${dt('panel.border.radius')};
background: ${dt('panel.background')}; background: ${dt('panel.background')};
color: ${dt('panel.color')}; color: ${dt('panel.color')};
display: flex;
flex-direction: column;
gap: ${dt('panel.gap')};
} }
.p-panel-header { .p-panel-header {
@ -21,6 +18,7 @@ const theme = ({ dt }) => `
border-style: solid; border-style: solid;
border-width: ${dt('panel.header.border.width')}; border-width: ${dt('panel.header.border.width')};
border-color: ${dt('panel.header.border.color')}; border-color: ${dt('panel.header.border.color')};
border-radius: ${dt('panel.header.border.radius')};
} }
.p-panel-toggleable .p-panel-header { .p-panel-toggleable .p-panel-header {
@ -39,10 +37,6 @@ const theme = ({ dt }) => `
.p-panel-footer { .p-panel-footer {
padding: ${dt('panel.footer.padding')}; padding: ${dt('panel.footer.padding')};
} }
.p-panel-header + .p-panel-content-container > .p-panel-content {
padding-top: 0;
}
`; `;
const classes = { const classes = {

View File

@ -3,14 +3,14 @@ export default {
background: '{content.background}', background: '{content.background}',
borderColor: '{content.border.color}', borderColor: '{content.border.color}',
color: '{content.color}', color: '{content.color}',
borderRadius: '{content.border.radius}', borderRadius: '{content.border.radius}'
gap: '0'
}, },
header: { header: {
background: 'transparent', background: 'transparent',
color: '{text.color}', color: '{text.color}',
padding: '1.125rem', padding: '1.125rem',
borderWidth: '0' borderWidth: '0',
borderRadius: '0'
}, },
toggleableHeader: { toggleableHeader: {
padding: '0.375rem 1.125rem' padding: '0.375rem 1.125rem'

View File

@ -3,13 +3,13 @@ export default {
background: '{content.background}', background: '{content.background}',
borderColor: '{content.border.color}', borderColor: '{content.border.color}',
color: '{content.color}', color: '{content.color}',
borderRadius: '{content.border.radius}', borderRadius: '{content.border.radius}'
gap: '1.125rem'
}, },
header: { header: {
borderWidth: '0 0 1px 0', borderWidth: '0 0 1px 0',
borderColor: '{content.border.color}', borderColor: '{content.border.color}',
padding: '1.125rem' padding: '1.125rem',
borderRadius: '3px 3px 0 0'
}, },
toggleableHeader: { toggleableHeader: {
padding: '0.25rem 1.125rem' padding: '0.25rem 1.125rem'
@ -18,11 +18,10 @@ export default {
fontWeight: '700' fontWeight: '700'
}, },
content: { content: {
padding: '1.125rem', padding: '1.125rem'
withHeaderPadding: '1.125rem'
}, },
footer: { footer: {
padding: '0 1.125rem 1.125rem 1.125rem' padding: '1.125rem'
}, },
colorScheme: { colorScheme: {
light: { light: {