Test styles for date and time widgs
This commit is contained in:
parent
daa0e1637c
commit
bbe036d390
@ -7,3 +7,9 @@
|
||||
.ewwii_panel {
|
||||
background-color: rgba(95, 95, 95, 0.404);
|
||||
}
|
||||
.ewwii_panel .textwidg {
|
||||
background-color: rgba(72, 150, 98, 0.733);
|
||||
padding: 0 0.2em;
|
||||
font-size: 14px;
|
||||
font-family: "JetBrainsMono Nerd Font,JetBrainsMono NF";
|
||||
}
|
||||
|
||||
@ -6,17 +6,19 @@ component EwwiiPanel () {
|
||||
height = config.panel_height
|
||||
width = config.panel_width
|
||||
|
||||
Label {
|
||||
widget_name = "clockwidg"
|
||||
class = "clockwidg"
|
||||
text = global("time_hhmm")
|
||||
halign = "end"
|
||||
}
|
||||
Label {
|
||||
widget_name = "datewidg"
|
||||
class = "datewidg"
|
||||
class = "textwidg datewidg"
|
||||
text = global("date_ddM")
|
||||
halign = "end"
|
||||
height = config.panel_height
|
||||
}
|
||||
Label {
|
||||
widget_name = "clockwidg"
|
||||
class = "textwidg clockwidg"
|
||||
text = global("time_hhmm")
|
||||
halign = "end"
|
||||
height = config.panel_height
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -7,5 +7,5 @@ Poll "time_hhmm" {
|
||||
Poll "date_ddM" {
|
||||
initial = "01 Jan"
|
||||
interval = "450ms"
|
||||
cmd = "date +%m:%d"
|
||||
cmd = "date +'%d %b'"
|
||||
}
|
||||
@ -1,6 +1,9 @@
|
||||
@use "../colors/glass" as *;
|
||||
@use "./panelwidgs" as *;
|
||||
|
||||
/* Top bar */
|
||||
.ewwii_panel {
|
||||
background-color: $primary_bg;
|
||||
|
||||
@include textwidgets;
|
||||
}
|
||||
|
||||
10
scss/panel/_panelwidgs.scss
Normal file
10
scss/panel/_panelwidgs.scss
Normal file
@ -0,0 +1,10 @@
|
||||
@use "../colors/glass" as *;
|
||||
|
||||
@mixin textwidgets() {
|
||||
.textwidg {
|
||||
background-color: rgba(72, 150, 98, 0.733);
|
||||
padding: 0 0.2em;
|
||||
font-size: 14px;
|
||||
font-family: "JetBrainsMono Nerd Font,JetBrainsMono NF";
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user