This is what I have and I’ve pretty much tried a lot of things but what I’m trying to do is make the entity picture bigger… it’s too small.
Here is the code and I’ve tried the traditional width/height things tried looking up mushroom card styling but cannot seem to figure this out…
- type: custom:mushroom-person-card
name: John
entity: person.john
layout: vertical
icon_type: entity-picture
hide_name: true
hide_state: true
card_mod:
style:
mushroom-shape-avatar$: |
.picture {
border-radius: 50%;
{% if states(config.entity) == 'home' %}
animation: pinggreen 6s infinite;
{% else %}
animation: pingred 6s infinite;
{% endif %}
}
@keyframes pinggreen {
0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-green), 0.9);}
100% {box-shadow: 0 0 5px 15px transparent;}
}
@keyframes pingred {
0% {box-shadow: 0 0 5px 3px rgba(var(--rgb-red), 0.9);}
100% {box-shadow: 0 0 5px 15px transparent;}
}
.: |
ha-card {
height: 175px !important;
border: none !important;
background: none !important;
margin-left: -50px !important;
}
Thank you for any help or input!!