🤖 24-01-25 | ♻️ Updated 7 files

--------
- update: docs/README.md
- update: dashboard-resources/extra-menu.js
- update: themes/tablet.yaml
- update: extra-popup/vanessa.yaml
- update: hassio/hass_sensors.yaml
- update: config/README.md
- update: views/main.yaml

--------
Automated commit via script

config/README.md

@@ -10,7 +10,7 @@ Hey there! Welcome to my little corner of the tech world! 👨‍💻
 
 This is where I store all the cool configurations for my Home Assistant system. Well, it's a mix of awesome codes and setups I discovered from the Home Assistant community. Seriously, those folks are wizards! 🧙‍♂️ As a bit of an internet newbie turned tech enthusiast, I stumbled upon the magic of IT, and this repository is my way of sharing the joy and knowledge I've gained along the way. Dive in, explore, and let the tech magic begin! ✨
 
-I frequently refresh my configuration files. My current Home Assistant version is <b>2025.1.3</b>. If you find something you like, don't forget to give my repository a ⭐️!
+I frequently refresh my configuration files. My current Home Assistant version is <b>2025.1.4</b>. If you find something you like, don't forget to give my repository a ⭐️!
 
 ## Some of my projects for Home Assistant
 
@@ -45,13 +45,13 @@ https://github.com/ngocjohn/hass-config/assets/96962827/acc1a4db-b92e-4ab1-ac9d-
       </thead>
       <tbody>
           <tr>
-              <td>35,928 </td>
+              <td>35,924 </td>
               <td>34</td>
-              <td>156</td>
+              <td>153</td>
               <td>63</td>
               <td>54</td>
               <td>32</td>
-              <td>1071</td>
+              <td>1063</td>
               <td>201</td>
               <td>38</td>
           </tr>
@@ -73,7 +73,6 @@ https://github.com/ngocjohn/hass-config/assets/96962827/acc1a4db-b92e-4ab1-ac9d-
 - DbStats
 - eufy-security-ws
 - Glances
-- go2rtc
 - MariaDB
 - Mosquitto broker
 - Music Assistant Server

config/dashboards/shared/extra-popup/vanessa.yaml

@@ -1,8 +1,6 @@
 action: fire-dom-event
 extra_menu:
   custom_position: bottom-right
-  card_container:
-    padding: 1rem
   cards:
     - type: custom:webrtc-camera
       entity: camera.kids_room_cam

config/dashboards/views/main.yaml

@@ -18,16 +18,13 @@ layout:
     ". .         .          .         .        .          .          ."
 
   mediaquery:
-    #laptop
-    '(min-width: 1441px) and (max-width: 1770px)':
-      grid-gap: 1.5vw 1vw
     #portrait
     '(min-width: 801px) and (max-width: 1440px)':
       grid-gap: 1% 1.5%
-      height: 100%
       grid-template-columns: 0 1fr 1fr 1fr 0
-      grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) 0
+      grid-template-rows: 0 fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) min-content 0
       grid-template-areas: |
+        ".  .          .           .         ."
         ".  header     home        security  ."
         ".  cameras    media       climate   ."
         ".  mainrooms  devices     other     ."
@@ -37,9 +34,8 @@ layout:
     # phone
     '(max-width: 800px)':
       # grid-gap: calc(var(--custom-layout-card-padding) * 1.7)
-      grid-gap: 8px
-      margin: 0
-      grid-template-columns: 0px 1fr 1fr 0px
+      grid-gap: 1rem 1rem
+      grid-template-columns: 0 1fr 1fr 0
       grid-template-rows: 0 min-content fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) fit-content(100%) min-content 1rem
       grid-template-areas: |
         ". .           .         ."

config/packages/hassio/hass_sensors.yaml

@@ -89,9 +89,11 @@ template:
       - name: Hassio addons use
         unique_id: 'c9d0b358-302b-4845-b3b7-606a54c0e1bd'
         state: >-
+          {% if has_value('sensor.ha_system_cpu_usage') and has_value('sensor.ha_system_memory_usage') %}
           {%- set memory = states.sensor.ha_system_memory_usage.state | float -%}
           {%- set cpu = states.sensor.ha_system_cpu_usage.state | float -%}
             MEMORY: {{memory}}% | CPU: {{cpu}}%
+          {%- endif %}
         icon: mdi:home-assistant
         attributes:
           addons: >

config/themes/tablet.yaml

@@ -13,9 +13,9 @@ tablet:
   ha-card-header-font-family: Futura
   mdc-typography-body1-font-family: var(--primary-font-family)
   mdc-typography-font-family: var(--primary-font-family)
-  app-header-background-color: rgba(0,0,0,1)
   ha-card-background: none
   ha-card-box-shadow: none
+  app-header-background-color: '#0000'
 
   masonry-view-card-margin: 0
   # custom-layout-card-padding: 2.2w #3.3vw or #3vw...#1.9...sidebar OK
@@ -106,12 +106,11 @@ tablet:
     .: |
       :host {
         # --app-header-background-color: rgba(0,0,0,1);
-        --app-header-background-color: rgba(22, 24, 29, 1);
+        # --app-header-background-color: rgba(22, 24, 29, 1);
       }
 
       #view {
         background-image: linear-gradient(180deg, rgba(22, 24, 29, 1) 0%, rgba(23, 26, 37, 1) 42%, rgba(22, 24, 29, 1) 100%) !important;
-        overflow: hidden !important;
       }
       /* phone */
       @media screen and (max-width: 800px) {