NS Panel Pro & iPhone w/ HA Companion - dashboard causing lockup

I’ve just installed an NS Panel Pro with HA Companion. The regular dashboard I have works great but looks horrible. I created the following dashboard, but when opening on the NSPanel Pro or my iPhone it locks up, although the screen saver starts. it’s fine in a browser on my PC:

wallpanel:
  enabled: true
  hide_toolbar: true
  hide_sidebar: true
  fullscreen: true
  idle_time: 60
  screensaver_entity: input_boolean.wallpanel_screensaver
  image_url: >-
    https://source.unsplash.com/random/${width}x${height}?dogs,cats,capybara&sig=${timestamp}
  image_fit: cover
  image_list_update_interval: 3600
  image_order: sorted
  cards: null
views:
  - title: Home
    cards:
      - square: false
        type: grid
        columns: 2
        cards:
          - type: custom:digital-clock
            card_mod: null
            style: |
              ha-card {
                --ha-card-box-shadow: none;
                --ha-card-background: none;
                --ha-card-spacing: 0px;
                --ha-card-padding: 8px;
              }
            dateFormat:
              weekday: long
              day: 2-digit
              month: short
            timeFormat:
              hour: 2-digit
              minute: 2-digit
          - type: vertical-stack
            cards:
              - type: custom:mushroom-chips-card
                alignment: center
                card_mod:
                  style: |
                    ha-card {
                      --chip-box-shadow: none;
                      --chip-background: none;
                      --chip-spacing: 0px;
                      --chip-padding: 8px;
                    }
                chips:
                  - type: template
                    tap_action:
                      action: navigate
                      navigation_path: /lovelace/default_view
                    icon: mdi:home-circle
                    icon_color: green
                  - type: template
                    double_tap_action:
                      action: none
                    entity: alarm_control_panel.master
                    tap_action:
                      action: navigate
                      navigation_path: /lovelace/default_view
                    hold_action:
                      action: none
                    icon: >-
                      {% if is_state('alarm_control_panel.master','disarmed') %}
                           mdi:shield-off
                      {%- elif
                      is_state('alarm_control_panel.master','armed_home')
                            -%}
                          mdi:shield-home
                      {%- else -%}
                          mdi:shield-lock
                      {%- endif %}
                    icon_color: |-
                      {% if is_state('alarm_control_panel.master','disarmed') %}
                         green
                      {%- else -%}
                         red
                      {%- endif %}
                  - type: template
                    entity: cover.garage_door
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                    hold_action:
                      action: none
                    icon: |-
                      {% if is_state('cover.garage_door', 'closed') %}
                         mdi:garage
                      {%- else -%}
                         mdi:garage-open
                      {%- endif %}
                    icon_color: |-
                      {% if is_state('cover.garage_door', 'closed') %}
                         red
                      {%- else -%}
                         green
                      {%- endif %}
                  - type: template
                    entity: light.outside_lights
                    double_tap_action:
                      action: none
                    tap_action:
                      action: toggle
                    hold_action:
                      action: none
                    icon: mdi:outdoor-lamp
                    icon_color: |-
                      {% if is_state('light.outside_lights', 'off') %}
                         grey
                      {%- else -%}
                         orange
                      {%- endif %}
                  - type: template
                    entity: sensor.smartir_living_temperature
                    content: >-
                      D {{ states('sensor.smartir_living_temperature',
                      with_unit=false, rounded=true) }}
                  - type: template
                    entity: sensor.jared_s_room_temperature
                    content: >-
                      J {{ states('sensor.jared_s_room_temperature',
                      with_unit=false, rounded=true) }}
                  - type: template
                    entity: sensor.wifi_temperature_humidity_sensor_temperature
                    content: >-
                      B {{
                      states('sensor.wifi_temperature_humidity_sensor_temperature',
                      with_unit=false, rounded=true) }}
          - type: weather-forecast
            entity: weather.metservice_chc
            show_forecast: true
          - type: entities
            entities:
              - entity: switch.sonoff_1000cc30e5
              - entity: switch.sonoff_1000b892a5

To start, when you see a null its related to an error.

image

style: | has to be indented inside card_mod:

card_mod:
     style: |
         ha-card {

Thanks, that was copied from another persons code :frowning:

Still locks up though. I’ll try starting from scratch.