mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 22:34:56 +00:00
feat(styles): create global styles entry point and organize global styles feat(styles): implement base HTML element styles and utility classes for flexbox feat(styles): establish layout, position, spacing, and text utility classes feat(styles): introduce mixins for animations, cards, dialogs, flexbox, grid, and responsive design test(quick_guide): add component and metadata validation tests for quick_guide package test(ui_level6): implement metadata validation tests for ui_level6 package
50 lines
1.0 KiB
QML
50 lines
1.0 KiB
QML
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuick.Layouts
|
|
|
|
Rectangle {
|
|
id: toolbar
|
|
|
|
property string title: ""
|
|
property alias leftContent: leftLoader.sourceComponent
|
|
property alias rightContent: rightLoader.sourceComponent
|
|
property bool elevated: true
|
|
|
|
implicitHeight: 56
|
|
color: "#1e1e1e"
|
|
|
|
// Bottom border
|
|
Rectangle {
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
height: 1
|
|
color: "#2d2d2d"
|
|
}
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 16
|
|
anchors.rightMargin: 16
|
|
spacing: 12
|
|
|
|
Loader {
|
|
id: leftLoader
|
|
}
|
|
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: toolbar.title
|
|
font.pixelSize: 18
|
|
font.weight: Font.DemiBold
|
|
color: "#ffffff"
|
|
elide: Text.ElideRight
|
|
visible: toolbar.title
|
|
}
|
|
|
|
Loader {
|
|
id: rightLoader
|
|
}
|
|
}
|
|
}
|