flex-horseshoe-card icon indicating copy to clipboard operation
flex-horseshoe-card copied to clipboard

Size of Card

Open jbarkhuizen opened this issue 9 months ago • 2 comments

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

jbarkhuizen avatar May 20 '24 14:05 jbarkhuizen