Hi all
I have a problem with my mushrrom cards, the card itself cutās the text instead of increase the size as you can see in the image :
the code is this :
square: false
columns: 1
type: grid
cards:
- type: horizontal-stack
cards:
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Deco Living Room
picture: /local/wifi.png
layout: vertical
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
picture: /local/ip.png
icon_color: yellow
content: '{{state_attr('''', ''ip'') }}'
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--ha-card-box-shadow: none;
--chip-border-width: 0;
}
- type: template
picture: /local/internet.png
icon_color: blue
content: >-
{{state_attr('device_tracker.living_room_deco',
'internet_online')}}
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--ha-card-box-shadow: none;
--chip-border-width: 0;
}
- type: template
picture: /local/connected.png
icon_color: blue
content: >-
{{ device_entities('966a1db5ec1a0fbd78bd3eec7f1cb447') |
map('state_attr', 'friendly_name') | list}}
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--ha-card-box-shadow: none;
--chip-border-width: 0;
}
alignment: center
card_mod:
style: |
ha-card {
position: center;
margin: 0px 0px 0px 0px;
left: 0px;
top: calc(25% - px);
}
.chip-container {
flex-flow: column !important;
}
}
- type: custom:vertical-stack-in-card
cards:
- type: custom:mushroom-template-card
primary: Deco Office
picture: /local/wifi.png
layout: vertical
icon_color: yellow
tap_action:
action: navigate
navigation_path: /lovelace/quarto
- type: horizontal-stack
cards:
- type: custom:mushroom-chips-card
chips:
- type: template
picture: /local/ip.png
icon_color: yellow
content: '{{state_attr('''', ''ip'') }}'
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--ha-card-box-shadow: none;
--chip-border-width: 0;
}
- type: template
picture: /local/internet.png
icon_color: blue
content: '{{state_attr(''device_tracker.office_deco'', ''internet_online'') }}'
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--ha-card-box-shadow: none;
--chip-border-width: 0;
}
- type: template
picture: /local/connected.png
icon_color: blue
content: '{{ device_entities(''89e54cf6074785d49b935749cdb3c8b5'') |
map(''state_attr'', ''friendly_name'')
| list }}'
card_mod:
style: |
ha-card {
--chip-box-shadow: none;
--ha-card-box-shadow: none;
--chip-border-width: 0;
}
alignment: center
card_mod:
style: |
ha-card {
position: center;
margin: 0px 0px 0px 0px;
left: 0px;
top: calc(25% - px);
}
.chip-container {
flex-flow: column !important;
}
}
What im missing or doing wrong?
Thanks all