Can anyone give me a hint if there is a way to make my crafts appear the same on both the desktop (expected option) and the mobile app (not expected option)?
Desktop:
App:
- type: custom:mushroom-template-card
primary: Airwick
icon: mdi:spray
icon_color: |-
{% if is_state('switch.toilet_airwick_valve', 'on') %}
red
{% else %}
teal
{% endif %}
layout: vertical
entity: switch.toilet_airwick_valve
card_mod:
style: |
ha-card {
border: none !important;
box-shadow: 0px 0px;
}
ha-card:after {
content: "{{ states('counter.toilet_airwick_total') }}";
position: absolute;
display: flex;
justify-content: center;
align-items: center;
background: rgb(var(--rgb-orange));
color: var(--card-background-color);
font-weight: bolder;
border-radius: 50%;
top: +10px;
right: +45px;
width: 21px;
height: 21px;
font-size: 11px;
}
:host {
--icon-size: 64px !important;
perspective: 900px;
}
ha-card:active {
transform: rotateX(25deg);
transform-origin: center bottom;
transition: 0s;
}
mushroom-shape-icon {
--shape-color: none !important;
--shape-color-disabled: none !important;}