primevue-mirror/components/lib/themes/primeone/base/toolbar/index.js

28 lines
542 B
JavaScript

export default {
css: ({ dt }) => `
.p-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 0.75rem;
background: ${dt('toolbar.background')};
border: 1px solid ${dt('toolbar.border.color')};
color: ${dt('toolbar.color')};
border-radius: ${dt('rounded.base')};
gap: 0.5rem;
}
.p-toolbar-group-start,
.p-toolbar-group-center,
.p-toolbar-group-end {
display: flex;
align-items: center;
}
.p-toolbar-separator {
margin: 0 0.5rem;
}
`
};