nosignal-shell/modules/dashboard/Dash.qml
2 * r + 2 * t 6de0288b70 dashboard: design layout
Also use clippingrect to round swipeview
2025-05-17 23:02:38 +08:00

78 lines
1.4 KiB
QML

import "root:/widgets"
import "root:/services"
import "root:/config"
import Quickshell
import QtQuick.Layouts
GridLayout {
id: root
rowSpacing: Appearance.spacing.small
columnSpacing: Appearance.spacing.small
Rect {
text: "user"
Layout.columnSpan: 3
Layout.preferredWidth: 300
Layout.preferredHeight: 150
}
Rect {
text: "toggles"
Layout.column: 3
Layout.columnSpan: 2
Layout.preferredWidth: 250
Layout.fillHeight: true
}
Rect {
text: "time"
Layout.row: 1
Layout.preferredWidth: 100
Layout.fillHeight: true
}
Rect {
text: "calendar"
Layout.row: 1
Layout.column: 1
Layout.columnSpan: 3
Layout.fillWidth: true
Layout.preferredHeight: 200
}
Rect {
text: "perf"
Layout.row: 1
Layout.column: 4
Layout.preferredWidth: 120
Layout.fillHeight: true
}
Rect {
text: "media"
Layout.row: 0
Layout.column: 5
Layout.rowSpan: 2
Layout.preferredWidth: 250
Layout.fillHeight: true
}
component Rect: StyledRect {
required property string text
radius: Appearance.rounding.small
color: Colours.palette.m3surfaceContainer
StyledText {
anchors.centerIn: parent
text: parent.text
}
}
}