Fixed border overflow
parent
c207339127
commit
4909f130a3
|
@ -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 = {
|
||||||
|
|
|
@ -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'
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
Loading…
Reference in New Issue