Fix battery icon styling
This commit is contained in:
@@ -25,10 +25,14 @@ const Brightness = () => {
|
|||||||
class_name: "brightness-container",
|
class_name: "brightness-container",
|
||||||
children: [
|
children: [
|
||||||
Widget.Icon({
|
Widget.Icon({
|
||||||
|
vexpand: true,
|
||||||
|
vpack: "center",
|
||||||
class_name: "brightness-slider-icon",
|
class_name: "brightness-slider-icon",
|
||||||
icon: icons.brightness.screen,
|
icon: icons.brightness.screen,
|
||||||
}),
|
}),
|
||||||
Widget.Slider({
|
Widget.Slider({
|
||||||
|
vpack: "center",
|
||||||
|
vexpand: true,
|
||||||
value: brightness.bind("screen_value"),
|
value: brightness.bind("screen_value"),
|
||||||
class_name: "menu-active-slider menu-slider brightness",
|
class_name: "menu-active-slider menu-slider brightness",
|
||||||
draw_value: false,
|
draw_value: false,
|
||||||
@@ -38,6 +42,8 @@ const Brightness = () => {
|
|||||||
onChange: ({ value }) => (brightness.screen_value = value),
|
onChange: ({ value }) => (brightness.screen_value = value),
|
||||||
}),
|
}),
|
||||||
Widget.Label({
|
Widget.Label({
|
||||||
|
vpack: "center",
|
||||||
|
vexpand: true,
|
||||||
class_name: "brightness-slider-label",
|
class_name: "brightness-slider-label",
|
||||||
label: brightness
|
label: brightness
|
||||||
.bind("screen_value")
|
.bind("screen_value")
|
||||||
|
|||||||
@@ -44,4 +44,17 @@
|
|||||||
.brightness-container {
|
.brightness-container {
|
||||||
padding-bottom: 1em;
|
padding-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.brightness-slider-icon {
|
||||||
|
font-size: 1.4em;
|
||||||
|
min-width: 1em;
|
||||||
|
min-height: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brightness-slider-label {
|
||||||
|
font-size: 0.9em;
|
||||||
|
min-width: 2.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.2em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user