Hi there.
I’m building a small desk clock with temp/humidity sensor using Esphome and I was wondering if it’s possible to better align the thermometer icon with the text.
font:
- file: "gfonts://Roboto+Mono@700"
id: time_font
size: 65
- file: "gfonts://Roboto+Mono"
id: env_font
size: 30
bpp: 4
extras:
- file: "fonts/materialdesignicons-webfont.ttf"
glyphs: [
"\U000F050F", # mdi-thermometer
]
lvgl:
buffer_size: 25%
displays:
- display0
top_layer:
widgets:
- label:
text: "\U000F05A9"
id: label_wifi
hidden: true
align: top_right
x: -5
y: 4
text_align: right
text_color: 0xFFFFFF
text_font: mdttf
pages:
- id: main_page
widgets:
- obj:
align: CENTER
pad_all: 0
radius: 0
x: 0
y: 0
width: 320
height: 240
bg_color: 0x000000
border_width: 0
widgets:
- obj:
align: TOP_MID
x: 0
y: 0
width: 320
height: 30
styles: header_footer
widgets:
- label:
text: "ESPHome Clock"
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
- obj:
align: TOP_MID
x: 0
y: 31
width: 320
height: 90
styles: style_time
widgets:
- label:
text: " "
id: label_time
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
text_font: time_font
- obj:
align: TOP_MID
x: 0
y: 122
width: 320
height: 50
styles: style_time
widgets:
- label:
text: " "
id: label_date
align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
text_font: env_font
- obj:
align: TOP_LEFT
x: 0
y: 173
width: 160
height: 50
styles: style_info
widgets:
- label:
text: "\U000F050F32°C"
id: label_temp
#align: CENTER
text_align: CENTER
text_color: 0xFFFFFF
text_font: env_font
Any help is appreciated, thanks! 