Files
metabuilder/qml/MetaBuilder/ThemePreviewStatusCard.qml
johndoe6345789 491c4cffed refactor(qt6): push for sub-100 LOC — JS modules, JSON configs, compact formatting
WorkflowEditor (325→80): CWorkflowState.qml + WorkflowConnectionState.js
DashboardView (121→95): DashboardDBAL.js + config/dashboard-config.json
Storybook (114→78): StorybookSidebar + config/storybook-components.json
+ 7 components compacted to under 100 via formatting (no logic changes)
+ Multiple view/component splits across all remaining 100+ LOC files

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-19 14:58:28 +00:00

86 lines
2.2 KiB
QML

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
Rectangle {
id: root
property string customPaper: "#000000"
property string customText: "#000000"
property string customTextSecondary: "#000000"
property string customBorder: "#000000"
property string customPrimary: "#000000"
property string customSuccess: "#000000"
property string customWarning: "#000000"
property string fontFamily: "Inter"
property int baseFontSize: 14
property int radiusSmall: 4
property int radiusMedium: 8
Layout.fillWidth: true
Layout.fillHeight: true
radius: radiusMedium
color: customPaper
border.width: 1
border.color: customBorder
ColumnLayout {
anchors.fill: parent
anchors.margins: 14
spacing: 8
Text {
text: "Status"
font.pixelSize: baseFontSize
font.weight: Font.Bold
font.family: fontFamily
color: customText
}
Rectangle {
Layout.fillWidth: true
height: 1
color: customBorder
}
Repeater {
model: [
{ label: "DBAL", col: customSuccess },
{ label: "Auth", col: customSuccess },
{ label: "Storage", col: customWarning }
]
RowLayout {
spacing: 8
Rectangle {
width: 8; height: 8; radius: 4
color: modelData.col
}
Text {
text: modelData.label
font.pixelSize: baseFontSize - 2
font.family: fontFamily
color: customTextSecondary
}
}
}
Item { Layout.fillHeight: true }
Rectangle {
Layout.fillWidth: true
height: 30
radius: radiusSmall
color: customPrimary
Text {
anchors.centerIn: parent
text: "View Details"
font.pixelSize: baseFontSize - 2
font.family: fontFamily
color: "#ffffff"
}
}
}
}