quickshell: card-style calendar/weather panes instead of separators
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
parent
116ccbc3eb
commit
583b0588c2
1 changed files with 162 additions and 148 deletions
|
|
@ -1801,9 +1801,24 @@ in
|
||||||
NumberAnimation { duration: 150; easing.type: Easing.OutCubic }
|
NumberAnimation { duration: 150; easing.type: Easing.OutCubic }
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Left pane: calendar + weather ──
|
// ── Left pane: calendar card + weather card ──
|
||||||
Column {
|
Column {
|
||||||
id: calLeftCol
|
id: calLeftCol
|
||||||
|
width: 7 * 32 + 16
|
||||||
|
spacing: 8
|
||||||
|
|
||||||
|
// Calendar card
|
||||||
|
Rectangle {
|
||||||
|
width: parent.width
|
||||||
|
height: calCardCol.height + 16
|
||||||
|
radius: 8
|
||||||
|
color: Theme.base01
|
||||||
|
|
||||||
|
Column {
|
||||||
|
id: calCardCol
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: 8
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
width: 7 * 32
|
width: 7 * 32
|
||||||
spacing: 8
|
spacing: 8
|
||||||
|
|
||||||
|
|
@ -1914,17 +1929,22 @@ in
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
Rectangle {
|
|
||||||
width: parent.width
|
|
||||||
height: 1
|
|
||||||
color: Theme.base02
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 7-day weather strip
|
// Weather card
|
||||||
Row {
|
Rectangle {
|
||||||
width: parent.width
|
width: parent.width
|
||||||
|
height: weatherRow.height + 16
|
||||||
|
radius: 8
|
||||||
|
color: Theme.base01
|
||||||
visible: calPopup.weatherDays.length > 0
|
visible: calPopup.weatherDays.length > 0
|
||||||
|
|
||||||
|
Row {
|
||||||
|
id: weatherRow
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: 8
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
Repeater {
|
Repeater {
|
||||||
model: calPopup.weatherDays
|
model: calPopup.weatherDays
|
||||||
Column {
|
Column {
|
||||||
|
|
@ -1963,12 +1983,6 @@ in
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Vertical separator between panes
|
|
||||||
Rectangle {
|
|
||||||
width: 1
|
|
||||||
height: Math.max(calLeftCol.height, calRightCol.height)
|
|
||||||
color: Theme.base02
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// ── Right pane: media + notifications ──
|
// ── Right pane: media + notifications ──
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue