Garage Cards

square: false
type: grid
cards:
- type: conditional
conditions:
- condition: state
entity: cover.smart_garage_door_2310087780148e1e9dd4521_garage_1
state: closed
card:
type: custom:button-card
entity: cover.smart_garage_door_231008778410148e1e9dd4521_garage_1
name: FULL CLOSED
show_name: true
show_state: false
styles:
card:
- background-color: rgba(67, 73, 82, 1)
name:
- color: "#CCCCCC"
icon:
- color: rgba(241, 241, 241, .😎
padding: 15px
- type: conditional
conditions:
- condition: state
entity: cover.smart_garage_door_231008778419148e1e9dd4521_garage_1
state: open
card:
type: custom:button-card
entity: cover.smart_garage_door_2310087784191e9dd4521_garage_1
name: FULL OPEN
show_name: true
show_state: false
styles:
card:
- background-color: rgba(67, 73, 82, 1)
name:
- color: "#CCCCCC"
icon:
- color: "#FFA726"
- icon: mdi:garage-open
padding: 15px
- type: conditional
conditions:
- condition: state
entity: cover.smart_garage_door_23100877840148e1e9dd4521_garage_1
state_not: closed
- condition: and
conditions:
- condition: state
entity: cover.smart_garage_door_23100877841070148e1e9dd4521_garage_2
state: open
- condition: state
entity: cover.smart_garage_door_2310061070148e1e9dd4521_garage_1
state_not: open
card:
type: custom:button-card
entity: cover.smart_garage_door_231008770148e1e9dd4521_garage_1
name: FULL ALERT
show_name: true
show_state: false
styles:
card:
- background-color: rgba(67, 73, 82, 1)
name:
- color: "#CCCCCC"
icon:
- color: rgba(219, 25, 25, 1)
padding: 15px
- type: conditional
conditions:
- condition: state
entity: cover.smart_garage_door_23100877848e1e9dd4521_garage_2
state: closed
card:
type: custom:button-card
entity: cover.smart_garage_door_231008778148e1e9dd4521_garage_2
name: HALF CLOSED
show_name: true
show_state: false
styles:
card:
- background-color: rgba(67, 73, 82, 1)
name:
- color: "#CCCCCC"
icon:
- color: rgba(241, 241, 241,.😎
padding: 15px
- type: conditional
conditions:
- condition: state
entity: cover.smart_garage_door_23100877841148e1e9dd4521_garage_2
state: open
card:
type: custom:button-card
entity: cover.smart_garage_door_2310087748e1e9dd4521_garage_2
name: HALF OPEN
show_name: true
show_state: false
styles:
card:
- background-color: rgba(67, 73, 82, 1)
name:
- color: "#CCCCCC"
icon:
- color: "#FFA726"
- icon: mdi:garage-open
padding: 15px
- type: conditional
conditions:
- condition: state
entity: cover.smart_garage_door_23100877841071e9dd4521_garage_2
state_not: closed
- condition: and
conditions:
- condition: state
entity: cover.smart_garage_door_23100148e1e9dd4521_garage_2
state: open
- condition: state
entity: cover.smart_garage_door_231008770148e1e9dd4521_garage_2
state_not: open
card:
type: custom:button-card
entity: cover.smart_garage_door_2310087148e1e9dd4521_garage_2
name: HALF ALERT
show_name: true
show_state: false
styles:
card:
- background-color: rgba(67, 73, 82, 1)
name:
- color: "#CCCCCC"
icon:
- color: rgba(219, 25, 25, 1)
padding: 15px
columns: 2