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 Quickshell
|
||||||
import Caelestia.Config
|
import Caelestia.Config
|
||||||
import qs.components
|
import qs.components
|
||||||
|
import qs.components.controls
|
||||||
import qs.services
|
import qs.services
|
||||||
import qs.utils
|
import qs.utils
|
||||||
|
|
||||||
|
|
@ -13,7 +14,7 @@ Column {
|
||||||
required property DrawerVisibilities visibilities
|
required property DrawerVisibilities visibilities
|
||||||
|
|
||||||
padding: Tokens.padding.large
|
padding: Tokens.padding.large
|
||||||
spacing: Tokens.spacing.largeIncreased
|
spacing: Tokens.spacing.large
|
||||||
|
|
||||||
SessionButton {
|
SessionButton {
|
||||||
id: logout
|
id: logout
|
||||||
|
|
@ -76,17 +77,19 @@ Column {
|
||||||
KeyNavigation.up: hibernate
|
KeyNavigation.up: hibernate
|
||||||
}
|
}
|
||||||
|
|
||||||
component SessionButton: StyledRect {
|
component SessionButton: IconButton {
|
||||||
id: button
|
id: button
|
||||||
|
|
||||||
required property string icon
|
|
||||||
required property list<string> command
|
required property list<string> command
|
||||||
|
|
||||||
implicitWidth: Tokens.sizes.session.button
|
implicitWidth: Tokens.sizes.session.button
|
||||||
implicitHeight: Tokens.sizes.session.button
|
implicitHeight: Tokens.sizes.session.button
|
||||||
|
|
||||||
radius: Tokens.rounding.extraLarge
|
inactiveColour: activeFocus ? Colours.palette.m3secondaryContainer : Colours.tPalette.m3surfaceContainer
|
||||||
color: button.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.onEnterPressed: Quickshell.execDetached(button.command)
|
||||||
Keys.onReturnPressed: 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