caffeine use StyledButton

modules/bar/components/Caffeine.qml

@@ -1,14 +1,12 @@
+import qs.config
+import qs.constants
+import qs.styled
+import qs.widgets
 import Quickshell.Io
-import "../../../config/"
-import "../../../constants/"
-import "../../../styled/"
 
-Clickable {
+StyledButton {
     id: clickable
 
-    implicitWidth: text.width
-    implicitHeight: Dimensions.caffeine.height
-
     border.color: process.running ? Theme.palette.secondary : 'transparent'
     border.width: 2
 
@@ -21,7 +19,7 @@ Clickable {
         }
     }
 
-    StyledText {
+    content: StyledText {
         id: text
 
         font.family: Theme.lucide.font.family
@@ -30,12 +28,6 @@ Clickable {
         text: Icons.coffee
 
         color: clickable.containsMouse ? Theme.palette.base300 : Theme.palette.basecontent
-
-        anchors.verticalCenter: parent.verticalCenter
-        topPadding: Dimensions.caffeine.verticalPadding
-        bottomPadding: Dimensions.caffeine.verticalPadding
-        leftPadding: Dimensions.caffeine.horizontalPadding
-        rightPadding: Dimensions.caffeine.horizontalPadding
     }
 
     Process {