오늘의집 우리아파트도면 만들기

resources:
  - url: /www/community/button-card/button-card.js
    type: module
type: picture-elements
image: /local/images/apt_3d2.png
name: S:ui_lovelace_minimalistdashboardadaptive-dashviewspicture_card.yaml


button_base: &button_base
  type: custom:button-card
  show_state: true
  size: 30px


  tap_action:
    action: toggle
  hold_action:
    action: more-info


  styles:
    card:
      - background-color: transparent
      - box-shadow: none
      - border-radius: 50%


    icon:
      - background: none
      - color: green
    name:
      - font-size: 9px
      - color: blue
    state:
      - font-size: 11px
      - color: blue


  state:
    - value: "on"
      styles:
        icon:
          - color: yellow
        card:
          - background-color: "#88234580"
          - box-shadow: 0px 0px 8px rgba(0,0,0,0.5)
        state:
          - color: red
    - value: "off"
      styles:
        icon:
          - color: green


elements:
  - <<: *button_base 
    name: 허브로
    entity: script.dashbord_hub_view
    
    style:
      opacity: 65%
      width: 5%
      height: 5%
      top: 25%
      left: 4%