Size of Card

[jbarkhuizen]

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); }

[nor500]

I would be interested in that too. It is nice, but for some dashboard it is too tall.

[nor500]

I figured it out. To reduce the height of the card to 200px:

type: custom:flex-horseshoe-card style: | ha-card { height: 200px !important; }