“Is there any way to fix it so it doesn’t look so off‑center? Thanks in advance.
type: custom:stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Ejecutar Speedtest
icon: mdi:wifi-refresh
icon_color: grey
tap_action:
action: call-service
service: homeassistant.update_entity
data: {}
target:
entity_id:
- sensor.speedtest_download
- sensor.speedtest_upload
- sensor.speedtest_ping
- type: custom:mushroom-template-card
card_mod:
style: |
ha-card {
margin: -25px 12px 0px 12px;
border-bottom: solid 2px rgba(var(--rgb-disabled), 0.2);
}
- type: horizontal-stack
cards:
- type: vertical-stack
cards:
- type: custom:apexcharts-card
chart_type: radialBar
series:
- entity: sensor.speedtest_download
color: rgb(255, 87, 34)
max: 60
show:
legend_value: false
apex_config:
plotOptions:
radialBar:
startAngle: -108
endAngle: 108
hollow:
size: 80%
dataLabels:
name:
show: false
value:
show: false
track:
strokeWidth: 70%
fill:
type: gradient
gradient:
shade: light
type: horizontal
shadeIntensity: 0.3
inverseColors: false
opacityFrom: 1
opacityTo: 1
stops:
- 0
- 50
- 55
- 90
chart:
height: 130
card_mod:
style: |
ha-card {
box-shadow: none;
background: none;
}
- type: custom:mushroom-entity-card
entity: sensor.speedtest_download
name: Download
icon: mdi:download
icon_color: deep-orange
layout: vertical
primary_info: state
secondary_info: name
card_mod:
style: |
ha-card {
margin-top: -65px;
background: none;
box-shadow: none;
}
- type: vertical-stack
cards:
- type: custom:apexcharts-card
chart_type: radialBar
series:
- entity: sensor.speedtest_upload
color: rgb(33, 150, 243)
max: 60
show:
legend_value: false
apex_config:
plotOptions:
radialBar:
startAngle: -108
endAngle: 108
hollow:
size: 80%
dataLabels:
name:
show: false
value:
show: false
track:
strokeWidth: 70%
fill:
type: gradient
gradient:
shade: light
type: horizontal
shadeIntensity: 0.3
inverseColors: false
opacityFrom: 1
opacityTo: 1
stops:
- 0
- 50
- 55
- 90
chart:
height: 130
card_mod:
style: |
ha-card {
box-shadow: none;
background: none;
}
- type: custom:mushroom-entity-card
entity: sensor.speedtest_upload
name: Upload
icon: mdi:upload
icon_color: blue
layout: vertical
primary_info: state
secondary_info: name
card_mod:
style: |
ha-card {
margin-top: -65px;
background: none;
box-shadow: none;
}
- type: vertical-stack
cards:
- type: custom:mushroom-entity-card
entity: sensor.speedtest_ping
name: Ping
icon: mdi:wan
icon_color: teal
layout: vertical
primary_info: state
secondary_info: name
card_mod:
style: |
ha-card {
margin-top: 20px;
background: none;
box-shadow: none;
}