Floor plan - projekt Twojego domu

po ponad godzinie przesuwania góra/dół oraz prawo/lewo


udało mi się osiągnąć coś takiego

  - icon: 'mdi:floor-plan'
    title: test
    path: floor
    background: center / cover no-repeat url("/local/img/floorplan.jpeg") fixed
    visible:
      - user: 95338e7b7e2149edb893acd164f12556
    panel: false
    badges: []
    cards:
      - name: radio
        type: button
        entity: input_boolean.radio
        tap_action:
          action: toggle
        show_name: false
        style: |
          ha-card 
          {
            position: absolute;
            width: 29.7%;
            background: transparent;
            transform: translate3d(271px, 29px, 0px);  
          }
      - name: komputer
        type: button
        entity: cover.pc
        tap_action:
          action: toggle
        show_name: false
        style: |
          ha-card 
          {
            position: absolute;
            width: 30%;
            background: transparent;
            transform: translate3d(222px, 54px, 0px);  
          }
      - name: światło
        type: button
        entity: light.the_light
        tap_action:
          action: toggle
        show_name: false
        style: |
          ha-card 
          {
            position: absolute;
            width: 35%;
            background: transparent;
            transform: translate3d(6px, 59px, 0px);  
          }
      - name: telewizor
        type: button
        entity: switch.telewizor_hyundai
        icon: 'mdi:television-classic'
        tap_action:
          action: toggle
        show_name: false
        style: |
          ha-card 
          {
            position: absolute;
            width: 22%;
            background: transparent;
            transform: translate3d(-370px, -15px, 0px);  
          }