Test styles for date and time widgs

This commit is contained in:
Candifloss 2026-08-26 15:58:01 +05:30
parent daa0e1637c
commit bbe036d390
5 changed files with 29 additions and 8 deletions

View File

@ -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";
}

View File

@ -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
}
}
}

View File

@ -7,5 +7,5 @@ Poll "time_hhmm" {
Poll "date_ddM" {
initial = "01 Jan"
interval = "450ms"
cmd = "date +%m:%d"
cmd = "date +'%d %b'"
}

View File

@ -1,6 +1,9 @@
@use "../colors/glass" as *;
@use "./panelwidgs" as *;
/* Top bar */
.ewwii_panel {
background-color: $primary_bg;
@include textwidgets;
}

View 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";
}
}