0b33a4561e
Angular library providing dashboard components including grid layout, drag-and-drop widgets, resize handles, toolbar, config panel, layout presets, and persistence services.
35 lines
640 B
SCSS
35 lines
640 B
SCSS
@use '../../styles/mixins' as *;
|
|
|
|
:host {
|
|
@include db-flex-between;
|
|
background: var(--db-toolbar-bg);
|
|
border-bottom: 1px solid var(--db-toolbar-border);
|
|
padding: var(--db-toolbar-padding);
|
|
gap: var(--db-toolbar-gap);
|
|
}
|
|
|
|
.db-toolbar__left {
|
|
@include db-flex-center;
|
|
gap: 0.75rem;
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.db-toolbar__title {
|
|
@include db-truncate;
|
|
font-size: var(--font-size-base, 1rem);
|
|
font-weight: 600;
|
|
color: var(--color-text-primary, #111827);
|
|
}
|
|
|
|
.db-toolbar__center {
|
|
@include db-flex-center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.db-toolbar__right {
|
|
@include db-flex-center;
|
|
gap: 0.5rem;
|
|
flex-shrink: 0;
|
|
}
|