From 7007f8292d35c5f9d23d6a705bda2c6a7f97c91b Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Fri, 27 Mar 2026 14:25:13 +0000
Subject: [PATCH] Add hide-sm utility class to Footer for responsive module
 hiding

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 vue/src/components/Footer.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/vue/src/components/Footer.vue b/vue/src/components/Footer.vue
index f195f86..09803f2 100644
--- a/vue/src/components/Footer.vue
+++ b/vue/src/components/Footer.vue
@@ -37,11 +37,11 @@ const user = "visitor";
 
         <div class="modules-right">
             <span class="module greeting">Hi, {{ user }}!</span>
-            <span class="module cpu">CPU 3%</span>
-            <span class="module mem">MEM 42%</span>
-            <span class="module disk">DISK 67%</span>
-            <span class="module network">↑ 12K ↓ 84K</span>
-            <span class="module battery">BAT 98%</span>
+            <span class="module cpu hide-sm">CPU 3%</span>
+            <span class="module mem hide-sm">MEM 42%</span>
+            <span class="module disk hide-sm">DISK 67%</span>
+            <span class="module network hide-sm">↑ 12K ↓ 84K</span>
+            <span class="module battery hide-sm">BAT 98%</span>
             <span class="module clock">{{ clock }}</span>
         </div>
     </footer>
@@ -127,11 +127,7 @@ const user = "visitor";
         padding: 2px 6px;
     }
 
-    .cpu,
-    .mem,
-    .disk,
-    .network,
-    .battery {
+    .hide-sm {
         display: none;
     }
 }