fix: session scale
This commit is contained in:
parent
4ebd0fcb92
commit
4eca117ade
1 changed files with 8 additions and 19 deletions
|
|
@ -4,6 +4,7 @@ import QtQuick
|
|||
import Quickshell
|
||||
import Caelestia.Config
|
||||
import qs.components
|
||||
import qs.components.controls
|
||||
import qs.services
|
||||
import qs.utils
|
||||
|
||||
|
|
@ -13,7 +14,7 @@ Column {
|
|||
required property DrawerVisibilities visibilities
|
||||
|
||||
padding: Tokens.padding.large
|
||||
spacing: Tokens.spacing.largeIncreased
|
||||
spacing: Tokens.spacing.large
|
||||
|
||||
SessionButton {
|
||||
id: logout
|
||||
|
|
@ -76,17 +77,19 @@ Column {
|
|||
KeyNavigation.up: hibernate
|
||||
}
|
||||
|
||||
component SessionButton: StyledRect {
|
||||
component SessionButton: IconButton {
|
||||
id: button
|
||||
|
||||
required property string icon
|
||||
required property list<string> command
|
||||
|
||||
implicitWidth: Tokens.sizes.session.button
|
||||
implicitHeight: Tokens.sizes.session.button
|
||||
|
||||
radius: Tokens.rounding.extraLarge
|
||||
color: button.activeFocus ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainer
|
||||
inactiveColour: activeFocus ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainer
|
||||
inactiveOnColour: activeFocus ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
radius: pressed ? Tokens.rounding.medium : activeFocus ? Tokens.rounding.extraLarge : Tokens.rounding.largeIncreased
|
||||
font: Tokens.font.icon.builders.large.scale(1.3).build()
|
||||
onClicked: Quickshell.execDetached(button.command)
|
||||
|
||||
Keys.onEnterPressed: Quickshell.execDetached(button.command)
|
||||
Keys.onReturnPressed: Quickshell.execDetached(button.command)
|
||||
|
|
@ -113,19 +116,5 @@ Column {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
StateLayer {
|
||||
radius: parent.radius
|
||||
color: button.activeFocus ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
onClicked: Quickshell.execDetached(button.command)
|
||||
}
|
||||
|
||||
MaterialIcon {
|
||||
anchors.centerIn: parent
|
||||
|
||||
text: button.icon
|
||||
color: button.activeFocus ? Colours.palette.m3onSecondaryContainer : Colours.palette.m3onSurface
|
||||
fontStyle: Tokens.font.icon.size(Tokens.font.icon.extraLarge.pointSize).weight(Font.Medium).build()
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue