reorg bar
This commit is contained in:
parent
8130cb1bdd
commit
96d8ab6534
6 changed files with 89 additions and 82 deletions
12
components/StyledLayoutSeparator.qml
Normal file
12
components/StyledLayoutSeparator.qml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
import qs.config
|
||||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
|
||||
Rectangle {
|
||||
color: Styling.theme.basecontent
|
||||
opacity: 0.33
|
||||
Layout.fillHeight: true
|
||||
Layout.margins: 2
|
||||
implicitWidth: 0.5
|
||||
radius: 9999
|
||||
}
|
||||
|
|
@ -28,7 +28,7 @@ StyledWrapperRectangle {
|
|||
RowLayout {
|
||||
id: leftbar
|
||||
|
||||
spacing: Styling.layout.spacing.base
|
||||
spacing: Styling.layout.spacing.lg
|
||||
|
||||
SystemLogo {
|
||||
implicitSize: 22
|
||||
|
|
@ -44,7 +44,7 @@ StyledWrapperRectangle {
|
|||
|
||||
Layout.alignment: Qt.AlignHCenter
|
||||
|
||||
spacing: Styling.layout.spacing.base
|
||||
spacing: Styling.layout.spacing.lg
|
||||
|
||||
Mpris {}
|
||||
}
|
||||
|
|
@ -54,18 +54,14 @@ StyledWrapperRectangle {
|
|||
|
||||
Layout.alignment: Qt.AlignRight
|
||||
|
||||
spacing: Styling.layout.spacing.base
|
||||
|
||||
Pywal {}
|
||||
spacing: Styling.layout.spacing.lg
|
||||
|
||||
Pipewire {}
|
||||
|
||||
Caffeine {}
|
||||
StyledLayoutSeparator {}
|
||||
|
||||
Network {}
|
||||
|
||||
Bluetooth {}
|
||||
|
||||
Storage {}
|
||||
|
||||
Memory {}
|
||||
|
|
@ -74,10 +70,20 @@ StyledWrapperRectangle {
|
|||
|
||||
Gpu {}
|
||||
|
||||
Power {}
|
||||
StyledLayoutSeparator {}
|
||||
|
||||
Pywal {}
|
||||
|
||||
Caffeine {}
|
||||
|
||||
Bluetooth {}
|
||||
|
||||
StyledLayoutSeparator {}
|
||||
|
||||
Clock {}
|
||||
|
||||
Power {}
|
||||
|
||||
Notifications {}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,10 @@
|
|||
import qs.components
|
||||
import Quickshell
|
||||
|
||||
StyledRectangle {
|
||||
StyledText {
|
||||
text: ` ${Qt.formatDateTime(clock.date, "hh:mm:ss AP")}`
|
||||
SystemClock {
|
||||
id: clock
|
||||
precision: SystemClock.Seconds
|
||||
}
|
||||
StyledText {
|
||||
text: ` ${Qt.formatDateTime(clock.date, "hh:mm:ss AP")}`
|
||||
SystemClock {
|
||||
id: clock
|
||||
precision: SystemClock.Seconds
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,20 +5,17 @@ import qs.utils
|
|||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
|
||||
StyledRectangle {
|
||||
RowLayout {
|
||||
|
||||
RowLayout {
|
||||
Ref {
|
||||
service: SystemInfo
|
||||
}
|
||||
|
||||
Ref {
|
||||
service: SystemInfo
|
||||
}
|
||||
LucideIcon {
|
||||
text: Styling.lucide.icons.memoryStick
|
||||
}
|
||||
|
||||
LucideIcon {
|
||||
text: Styling.lucide.icons.memoryStick
|
||||
}
|
||||
|
||||
StyledText {
|
||||
text: ` ${(SystemInfo.memPerc * 100).toFixed()}%`
|
||||
}
|
||||
StyledText {
|
||||
text: ` ${(SystemInfo.memPerc * 100).toFixed()}%`
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,51 +5,48 @@ import qs.utils
|
|||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
|
||||
StyledRectangle {
|
||||
RowLayout {
|
||||
|
||||
RowLayout {
|
||||
Ref {
|
||||
service: NetworkService
|
||||
}
|
||||
|
||||
Ref {
|
||||
service: NetworkService
|
||||
}
|
||||
|
||||
LucideIcon {
|
||||
id: icon
|
||||
text: Styling.lucide.icons.wifiOff
|
||||
states: [
|
||||
State {
|
||||
name: "high"
|
||||
when: NetworkService.active?.strength > 50
|
||||
PropertyChanges {
|
||||
icon {
|
||||
text: Styling.lucide.icons.wifi
|
||||
}
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "medium"
|
||||
when: NetworkService.active?.strength > 25
|
||||
PropertyChanges {
|
||||
icon {
|
||||
text: Styling.lucide.icons.wifiHigh
|
||||
}
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "low"
|
||||
when: NetworkService.active?.strength > 0
|
||||
PropertyChanges {
|
||||
icon {
|
||||
text: Styling.lucide.icons.wifiLow
|
||||
}
|
||||
LucideIcon {
|
||||
id: icon
|
||||
text: Styling.lucide.icons.wifiOff
|
||||
states: [
|
||||
State {
|
||||
name: "high"
|
||||
when: NetworkService.active?.strength > 50
|
||||
PropertyChanges {
|
||||
icon {
|
||||
text: Styling.lucide.icons.wifi
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "medium"
|
||||
when: NetworkService.active?.strength > 25
|
||||
PropertyChanges {
|
||||
icon {
|
||||
text: Styling.lucide.icons.wifiHigh
|
||||
}
|
||||
}
|
||||
},
|
||||
State {
|
||||
name: "low"
|
||||
when: NetworkService.active?.strength > 0
|
||||
PropertyChanges {
|
||||
icon {
|
||||
text: Styling.lucide.icons.wifiLow
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
StyledText {
|
||||
id: text
|
||||
text: ` ${(NetworkService.active?.strength ?? 0).toFixed()}%`
|
||||
}
|
||||
StyledText {
|
||||
id: text
|
||||
text: ` ${(NetworkService.active?.strength ?? 0).toFixed()}%`
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,22 +5,19 @@ import qs.utils
|
|||
import QtQuick
|
||||
import QtQuick.Layouts
|
||||
|
||||
StyledRectangle {
|
||||
RowLayout {
|
||||
|
||||
RowLayout {
|
||||
Ref {
|
||||
service: SystemInfo
|
||||
}
|
||||
|
||||
Ref {
|
||||
service: SystemInfo
|
||||
}
|
||||
LucideIcon {
|
||||
text: Styling.lucide.icons.hardDrive
|
||||
}
|
||||
|
||||
LucideIcon {
|
||||
text: Styling.lucide.icons.hardDrive
|
||||
}
|
||||
StyledText {
|
||||
id: text
|
||||
|
||||
StyledText {
|
||||
id: text
|
||||
|
||||
text: ` ${(SystemInfo.storagePerc * 100).toFixed()}%`
|
||||
}
|
||||
text: ` ${(SystemInfo.storagePerc * 100).toFixed()}%`
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue