ainndy
1
type: horizontal-stack
cards:
- square: true
type: grid
cards:
- type: custom:button-card
name: Living Room
icon: mdi:sofa
entity: sensor.wi_fizhi_neng_yao_kong_temperature
show_state: true
custom_fields:
btn:
card:
type: vertical-stack
cards:
- type: custom:button-card
tap_action:
action: toggle
icon: mdi:lamp
entity: switch.water_server_ring_switch
show_name: false
show_state: false
styles:
card:
- width: 36px
- height: 36px
- border-radius: 50%
- background-color: red
- display: flex
- justify-content: center
- align-items: center
icon:
- width: 18px
- height: 18px
- type: custom:button-card
tap_action:
action: toggle
icon: mdi:lamp
entity: switch.water_server_ring_switch
show_name: false
show_state: false
styles:
card:
- width: 36px
- height: 36px
- border-radius: 50%
- background-color: red
- display: flex
- justify-content: center
- align-items: center
icon:
- width: 18px
- height: 18px
- type: custom:button-card
tap_action:
action: toggle
icon: mdi:lamp
entity: switch.water_server_ring_switch
show_name: false
show_state: false
styles:
card:
- width: 36px
- height: 36px
- border-radius: 50%
- background-color: red
- display: flex
- justify-content: center
- align-items: center
icon:
- width: 18px
- height: 18px
styles:
grid:
- grid-template-areas: "\"n btn\" \"s btn\" \"i btn\""
- grid-template-columns: 1fr min-content
- grid-template-rows: min-content min-content 1fr;
card:
- padding: 22px
custom_fields:
btn:
- justify-content: end
- align-self: start
name:
- justify-self: start
- align-self: start
- fonr-size: 18px
- font-weight: 500
- color: black
icon:
- justify-self: start
- align-self: start
- fonr-size: 14px
- opacity: "0.6"
state:
- min-height: 80px
- justify-self: start
- align-self: start
- fonr-size: 14px
img_cell:
- justify-content: start
- position: absolute
- width: 130px
- height: 130px
- left: 0
- bottom: 0
- margin: 0 0 -30px -30px
- background: red
- border-radius: 500px
- type: custom:button-card
name: Living Room
icon: mdi:sofa
entity: sensor.wi_fizhi_neng_yao_kong_temperature
show_state: true
custom_fields:
btn:
card:
type: vertical-stack
cards:
- type: custom:button-card
tap_action:
action: toggle
icon: mdi:lamp
show_name: false
show_state: false
styles:
card:
- width: 36px
- height: 36px
- border-radius: 50%
- background-color: red
- display: flex
- justify-content: center
- align-items: center
icon:
- width: 18px
- height: 18px
styles:
grid:
- grid-template-areas: "\"n btn\" \"s btn\" \"i btn\""
- grid-template-columns: 1fr min-content
- grid-template-rows: min-content min-content 1fr;
card:
- padding: 22px
custom_fields:
btn:
- justify-content: end
- align-self: start
name:
- justify-self: start
- align-self: start
- fonr-size: 18px
- font-weight: 500
- color: black
icon:
- justify-self: start
- align-self: start
- fonr-size: 14px
- opacity: "0.6"
state:
- min-height: 80px
- justify-self: start
- align-self: start
- fonr-size: 14px
img_cell:
- justify-content: start
- position: absolute
- width: 130px
- height: 130px
- left: 0
- bottom: 0
- margin: 0 0 -30px -30px
- background: red
- border-radius: 500px
columns: 2