type: custom:stack-in-card
layout_type: grid
layout:
grid-template-columns: 100%%
grid-template-rows: auto
grid-template-areas: |
"header"
cards:
- type: grid
cards:
- type: custom:swipe-card
start_card: 1
parameters:
slidesPerView: 7
spaceBetween: 8
cards:
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
icon_height: 50px
hold_action:
action: none
icon: mdi:shield-home
name: Alarme
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
icon_height: 50px
hold_action:
action: none
icon: mdi:account-group
name: Pessoas
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
hold_action:
action: none
icon: mdi:garage
name: Garagem
icon_height: 50px
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
icon_height: 50px
hold_action:
action: none
icon: mdi:cctv
name: Cameras
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
icon_height: 50px
hold_action:
action: none
icon: mdi:ceiling-light-multiple
name: Luzes
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
icon_height: 50px
hold_action:
action: none
icon: mdi:air-conditioner
name: AC
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
- type: button
tap_action:
action: navigate
navigation_path: /lovelace/ajustes
show_icon: true
show_state: false
show_name: true
icon_height: 50px
hold_action:
action: none
icon: mdi:door-sliding
name: Portas
card_mod:
style:
.: |
ha-card {
background-color: transparent !important;
box-shadow: none !important;
#font-size: 30px !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 200 !important;
columns: 7
square: false
view_layout:
grid-area: header
columns: 1
square: false
card_mod:
style: |
ha-card {
background-color: transparent !important;
background-image: url('/local/images/footer_effect.png');
background-repeat:no-repeat;
background-size:contain;
background-position:top;
box-shadow: none !important;
border-radius: 0px;
font-family: 'Nunito', sans-serif !important;
font-weight: 600 !important;
border-top: 1px solid rgba(255, 255, 255, .2);
padding-top: 1%;