ui-core-design/dashboard-elements-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit: dashboard-elements-ui library

Browse Source 
Angular library providing dashboard components including grid layout,
drag-and-drop widgets, resize handles, toolbar, config panel, layout
presets, and persistence services.
This commit is contained in:
Giuliano Silvestro
2026-03-09 08:44:10 +10:00
commit 0b33a4561e
79 changed files with 21730 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/db-toolbar/db-toolbar.component.scss Normal file
View File

@@ -0,0 +1,34 @@
@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;
}