primevue-mirror/components/lib/panel/PanelStyle.js

33 lines
760 B
JavaScript

export const styles = `
.p-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.p-panel-title {
line-height: 1;
}
.p-panel-header-icon {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-decoration: none;
overflow: hidden;
position: relative;
}
`;
export const getComputedClasses = (props, states) => ({
root: ['p-panel p-component', { 'p-panel-toggleable': props.toggleable }],
header: 'p-panel-header',
title: 'p-panel-title',
icons: 'p-panel-icons',
toggler: 'p-panel-header-icon p-panel-toggler p-link',
toggleablecontent: 'p-toggleable-content',
content: 'p-panel-content',
footer: 'p-panel-footer'
});