From 57a9e6db107df4a92d69f082b0af0d1f0d601465 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Sat, 10 Feb 2024 12:48:36 +0300 Subject: [PATCH] Migrated toolbar --- components/lib/theme/aura/index.js | 4 +++- components/lib/theme/aura/toolbar/index.js | 27 ++++++++++++++++++++++ 2 files changed, 30 insertions(+), 1 deletion(-) create mode 100644 components/lib/theme/aura/toolbar/index.js diff --git a/components/lib/theme/aura/index.js b/components/lib/theme/aura/index.js index b560be42a..c2914ac4a 100644 --- a/components/lib/theme/aura/index.js +++ b/components/lib/theme/aura/index.js @@ -7,6 +7,7 @@ import global from 'primevue/theme/aura/global'; import panel from 'primevue/theme/aura/panel'; import scrollpanel from 'primevue/theme/aura/scrollpanel'; import splitter from 'primevue/theme/aura/splitter'; +import toolbar from 'primevue/theme/aura/toolbar'; export default { primitive: { @@ -149,7 +150,8 @@ export default { divider, fieldset, panel, + scrollpanel, splitter, - scrollpanel + toolbar } }; diff --git a/components/lib/theme/aura/toolbar/index.js b/components/lib/theme/aura/toolbar/index.js new file mode 100644 index 000000000..6bc13b16b --- /dev/null +++ b/components/lib/theme/aura/toolbar/index.js @@ -0,0 +1,27 @@ +export default { + css: ` +.p-toolbar { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + padding: 0.75rem; + background: var(--p-dark-surface-900, var(--p-surface-0)); + border: 1px solid var(--p-dark-surface-700, var(--p-surface-200)); + color: var(--p-dark-surface-0, var(--p-surface-700)); + border-radius: var(--p-border-radius); + 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; +} +` +};