I want a row of gauges across the top of my UI (8 or so)
then I want three gauges on the next row down to the left
then I want two graphs under these.
Basically this, but with the top row readable and the second / third rows justified to the left.
I thought taking my 8 gauge row out of the vertical stack would make them fill the page but they do not, what am I doing wrong?
cards:
- type: horizontal-stack
cards:
- type: gauge
name: CPU Usuage
unit: '%'
entity: sensor.synology_dsm_cpu_load_total
severity:
green: 0
yellow: 30
red: 50
- type: gauge
name: Temp
entity: sensor.synology_dsm_temperature_sda
severity:
green: 0
yellow: 40
red: 50
- type: gauge
name: Used %
entity: sensor.synology_dsm_volume_used_volume_1
severity:
green: 0
yellow: 70
red: 85
- type: gauge
name: Used %
entity: sensor.synology_dsm_volume_used_volume_1
severity:
green: 0
yellow: 70
red: 85
- type: gauge
name: Used %
entity: sensor.synology_dsm_volume_used_volume_1
severity:
green: 0
yellow: 70
red: 85
- type: gauge
name: Used %
entity: sensor.synology_dsm_volume_used_volume_1
severity:
green: 0
yellow: 70
red: 85
- type: gauge
name: Used %
entity: sensor.synology_dsm_volume_used_volume_1
severity:
green: 0
yellow: 70
red: 85
- type: gauge
name: Used %
entity: sensor.synology_dsm_volume_used_volume_1
severity:
green: 0
yellow: 70
red: 85
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: gauge
name: Download
unit_of_measurement: ' '
entity: sensor.speedtest_download
severity:
red: 10
yellow: 18
green: 25
- type: gauge
name: Upload
entity: sensor.speedtest_upload
severity:
red: 1
yellow: 2
green: 3
- type: gauge
name: Ping
unit_of_measurement: ' '
entity: sensor.speedtest_ping
severity:
green: 0
yellow: 40
red: 50
- type: horizontal-stack
cards:
- type: custom:mini-graph-card
name: CPU LOAD
icon: mdi:chip
entities:
- sensor.synology_dsm_cpu_load_total
hours_to_show: 24
color_thresholds:
- value: 0
color: "#cae2fe"
- value: 3%
color: "#E45E65"
color_thresholds_transition: soft
- type: custom:mini-graph-card
name: HDD TEMP
entities:
- sensor.synology_dsm_temperature_sda
hours_to_show: 24
upper_bound: 50
color_thresholds:
- value: 0
color: "#cae2fe"
- value: 40
color: "#E45E65"
color_thresholds_transition: soft