flex-horseshoe-card
flex-horseshoe-card copied to clipboard
Size of Card
I have a few cards that was create some time ago but the size if quite big How do I reduce the overall size of the card
type: custom:flex-horseshoe-card view_layout: grid-area: g2 entities:
- entity: sensor.deyeinvertermaster_battery_soc decimals: 0 unit: '%' name: BATTERY
- entity: sensor.deyeinvertermaster_battery_voltage decimals: 2 unit: V
- entity: sensor.deyeinvertermaster_battery_output_current decimals: 2 unit: A
- entity: sensor.deyeinvertermaster_battery_output_power decimals: 0 unit: W
- entity: sensor.deyeinvertermaster_summary_day_battery_discharge decimals: 2 unit: kWh name: Discharge
- entity: sensor.deyeinvertermaster_summary_day_battery_charge
decimals: 2
unit: kWh
name: Charge
show:
horseshoe_style: autominmax
layout:
hlines:
- id: 0
xpos: 50
ypos: 40
length: 70
styles:
- opacity: 0.2;
- id: 0
xpos: 50
ypos: 60
length: 70
styles:
- opacity: 0.2; vlines:
- id: 0
xpos: 50
ypos: 50
length: 18
styles:
- opacity: 0.2; states:
- id: 0
entity_index: 0
xpos: 50
ypos: 33
styles:
- font-size: 3em;
- opacity: 0.9;
- id: 1
entity_index: 1
xpos: 44
ypos: 53
styles:
- font-size: 1.5em;
- text-anchor: end;
- id: 2
entity_index: 2
xpos: 55
ypos: 53
styles:
- text-anchor: start;
- font-size: 1.5em;
- id: 3
entity_index: 3
xpos: 34
ypos: 75
styles:
- text-anchor: start;
- font-size: 2em;
- id: 4
entity_index: 4
xpos: 76
ypos: 7
styles:
- text-anchor: start;
- font-size: 1.2em;
- id: 5
entity_index: 5
xpos: 0
ypos: 7
styles:
- text-anchor: start;
- font-size: 1.2em; icons:
- id: 0 entity_index: 1 xpos: 30 ypos: 52 align: start size: 1 names:
- id: 0
entity_index: 0
xpos: 50
ypos: 95
styles:
- font-size: 1.2em;
- id: 1
entity_index: 4
xpos: 81
ypos: 12
styles:
- font-size: 0.5em;
- text-anchor: start;
- id: 2
entity_index: 5
xpos: 0
ypos: 12
styles:
- font-size: 0.5em;
- text-anchor: start; horseshoe_scale: min: 0 max: 100 width: 6 color_stops: '0': red '2000': green card_mod: style: | ha-card { --ha-card-background: var(--card-background-color); color: var(--primary-color); }
- id: 0
xpos: 50
ypos: 40
length: 70
styles: