Compare commits

...

3 commits

Author SHA1 Message Date
Benjamin Palko
160cd3c1d5 notifications to icon button 2025-08-29 16:53:28 -04:00
Benjamin Palko
2762c7952a move styled button 2025-08-29 16:38:23 -04:00
Benjamin Palko
cda3334296 hover cursor changes 2025-08-29 16:20:14 -04:00
8 changed files with 27 additions and 25 deletions

View file

@ -7,6 +7,10 @@ Slider {
height: 24 height: 24
HoverHandler {
cursorShape: Qt.PointingHandCursor
}
background: Rectangle { background: Rectangle {
x: control.leftPadding x: control.leftPadding
y: control.topPadding + control.availableHeight / 2 - height / 2 y: control.topPadding + control.availableHeight / 2 - height / 2

View file

@ -4,6 +4,11 @@ import QtQuick.Controls
Switch { Switch {
id: control id: control
HoverHandler {
cursorShape: Qt.PointingHandCursor
}
indicator: Item { indicator: Item {
implicitWidth: 48 implicitWidth: 48
implicitHeight: 22 implicitHeight: 22

View file

@ -1,3 +1,4 @@
import qs.components
import qs.config import qs.config
import qs.constants import qs.constants
import qs.services import qs.services

View file

@ -1,3 +1,4 @@
import qs.components
import qs.config import qs.config
import qs.constants import qs.constants
import qs.services import qs.services

View file

@ -1,3 +1,4 @@
import qs.components
import qs.config import qs.config
import qs.services import qs.services
import qs.widgets import qs.widgets

View file

@ -1,33 +1,22 @@
import qs.config import qs.components
import qs.constants import qs.constants
import qs.services import qs.services
import qs.widgets
import QtQuick import QtQuick
StyledButton { StyledIconButton {
id: root id: root
onClicked: { onClicked: {
menu.toggle(); menu.toggle();
} }
content: StyledText { text: Notifications.hasNotifications ? Icons.bell : Icons.bellRing
id: text
font.family: Theme.lucide.font.family
font.pixelSize: Dimensions.notifications.fontSize
font.bold: true
text: Icons.bell
color: root.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
states: State { states: State {
when: Notifications.hasNotifications when: Notifications.hasNotifications
PropertyChanges { PropertyChanges {
text { root {
text: Icons.bellRing text: Icons.bellRing
color: root.containsMouse ? Theme.palette.base300 : Theme.palette.secondary
}
} }
} }
} }

View file

@ -1,3 +1,4 @@
import qs.components
import qs.widgets import qs.widgets
import Quickshell import Quickshell