dual-gauge-card
dual-gauge-card copied to clipboard
Can the gauge bar size be changed ?
Hello, i would like to change the bar size of one of the gauges. In my config i have a gauge displaying temperature and since its a zigbee sensor it shows its battery lvl too, so i wanted it to just show it as a thin bar underneath and not the same size as the main one which is temperature for me. Ive tried to use card_mod and setup stroke-width but it appears its not the way... Can someone help ??
type: custom:dual-gauge-card
title: Temperatura
min: 0
max: 100
outer:
entity: sensor.zigbee_temp_hum_sensor_temperature
label: temp
min: 0
max: 100
unit: °C
colors:
- color: var(--label-badge-green)
value: 19
- color: var(--label-badge-yellow)
value: 22
- color: var(--label-badge-red)
value: 25
inner:
entity: sensor.zigbee_temp_hum_sensor_battery
label: batt
unit: '%'
colors:
- color: var(--label-badge-green)
value: 25
- color: var(--label-badge-yellow)
value: 15
- color: var(--label-badge-blue)
value: 5
card_mod:
style: |
ha-card {
.gauge-label-outer {
font-size: 0.9em !important;
}
.gauge-label-inner {
font-size: 0.9em !important;
}
.gauge-value {
font-size: 0.9em !important;
}
.gauge-value-outer {
font-size: 0.9em !important;
}
.inner-gauge.circle-container.small-circle {
stroke-width: 10px !important; #doesnt work
}
}