panel window contains background styling

This commit is contained in:
Benjamin Palko 2025-09-07 12:45:54 -04:00
parent 4bda51f02c
commit ea86cc575d
5 changed files with 48 additions and 12 deletions

View file

@ -1,9 +1,41 @@
import qs.config
import QtQuick
import Quickshell
import Quickshell.Wayland
PanelWindow {
id: window
required property string name
WlrLayershell.namespace: `lux-${name}`
color: "transparent"
Rectangle {
anchors.fill: parent
radius: Styling.theme.radiusBox
Behavior on radius {
NumberAnimation {
duration: Styling.animations.speed.normal
}
}
color: Styling.theme.base100
Behavior on color {
ColorAnimation {
duration: Styling.animations.speed.fast
}
}
Behavior on opacity {
NumberAnimation {
duration: Styling.animations.speed.fast
}
}
border.width: 2
border.color: Styling.theme.base200
Behavior on border.color {
ColorAnimation {
duration: Styling.animations.speed.fast
}
}
}
}

View file

@ -4,10 +4,11 @@ import "services"
import qs.config
import qs.components
import qs.services
import Quickshell.Hyprland
import Quickshell.Wayland
import QtQuick
import QtQuick.Layouts
import Quickshell.Hyprland
import Quickshell.Wayland
import Quickshell.Widgets
StyledPanelWindow {
id: root
@ -34,7 +35,7 @@ StyledPanelWindow {
search.clear();
}
StyledWrapperRectangle {
WrapperItem {
id: rect
margin: 18

View file

@ -4,10 +4,11 @@ import qs.components
import qs.config
import qs.services
import qs.widgets
import Quickshell.Hyprland
import Quickshell.Wayland
import QtQuick
import QtQuick.Layouts
import Quickshell.Hyprland
import Quickshell.Wayland
import Quickshell.Widgets
StyledPanelWindow {
id: root
@ -20,7 +21,7 @@ StyledPanelWindow {
WlrLayershell.layer: WlrLayer.Top
WlrLayershell.keyboardFocus: root.visible ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
StyledWrapperRectangle {
WrapperItem {
id: rect
leftMargin: 48

View file

@ -4,10 +4,11 @@ import qs.components
import qs.config
import qs.services
import Quickshell.Hyprland
import Quickshell.Io
import Quickshell.Wayland
import QtQuick
import QtQuick.Layouts
import Quickshell.Io
import Quickshell.Wayland
import Quickshell.Widgets
StyledPanelWindow {
id: root
@ -24,7 +25,7 @@ StyledPanelWindow {
id: process
}
StyledWrapperRectangle {
WrapperItem {
id: rect
margin: 14

View file

@ -3,11 +3,12 @@ pragma ComponentBehavior: Bound
import qs.components
import qs.config
import qs.services
import Quickshell.Hyprland
import Quickshell.Wayland
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Quickshell.Hyprland
import Quickshell.Wayland
import Quickshell.Widgets
StyledPanelWindow {
id: root
@ -28,7 +29,7 @@ StyledPanelWindow {
}
}
StyledWrapperRectangle {
WrapperItem {
id: rect
margin: 48