Any way to fix the bottom alignment on these bars? Looks normal on desktop, but we only use mobile.
type: custom:config-template-card
variables:
- - Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
- Mon
- Tue
- Wed
- Thu
- Fri
- Sat
- Sun
- ((new Date()).getDay())
- ((new Date()).getDate())
- ((new Date(Date.now() + 1*60*60*24*1000)).getDate())
- ((new Date(Date.now() + 2*60*60*24*1000)).getDate())
- ((new Date(Date.now() + 3*60*60*24*1000)).getDate())
- ((new Date(Date.now() + 4*60*60*24*1000)).getDate())
- ((new Date(Date.now() + 5*60*60*24*1000)).getDate())
- ((new Date(Date.now() + 6*60*60*24*1000)).getDate())
entities:
- entity: sensor.lac_du_flambeau_snow_forecast_today
- entity: sensor.lac_du_flambeau_snow_forecast_tomorrrow
- entity: sensor.lac_du_flambeau_snow_forecast_day_2
- entity: sensor.lac_du_flambeau_snow_forecast_day_3
- entity: sensor.lac_du_flambeau_snow_forecast_day_4
- entity: sensor.lac_du_flambeau_snow_forecast_day_5
card:
type: custom:bar-card
entities:
- entity: sensor.lac_du_flambeau_snow_forecast_today
name: ${vars[0][vars[1] +6 ] +" "+ [vars[2]] }
unit_of_measurement: in
decimal: 1
- entity: sensor.lac_du_flambeau_snow_forecast_tomorrrow
name: ${vars[0][vars[1]] +" "+ [vars[3]] }
unit_of_measurement: in
decimal: 1
- entity: sensor.lac_du_flambeau_snow_forecast_day_2
name: ${vars[0][vars[1] + 1]+" "+ [vars[4]]}
unit_of_measurement: in
decimal: 1
- entity: sensor.lac_du_flambeau_snow_forecast_day_3
name: ${vars[0][vars[1] + 2]+" "+ [vars[5]]}
unit_of_measurement: in
decimal: 1
- entity: sensor.lac_du_flambeau_snow_forecast_day_4
name: ${vars[0][vars[1] + 3]+" "+ [vars[6]]}
unit_of_measurement: in
decimal: 1
- entity: sensor.lac_du_flambeau_snow_forecast_day_5
name: ${vars[0][vars[1] + 4]+" "+ [vars[7]]}
unit_of_measurement: in
decimal: 1
title: Lac Du Flambeau Snow Forecast
direction: up
height: 120
stack: horizontal
max: 15
unit_of_measurement: " "
positions:
icon: "off"
name: outside
decimal: 1