adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Add hide-sm utility class to Footer for responsive module hiding
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 15s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Adam French
2026-03-27 14:25:13 +00:00
parent f7d69f048e
commit 7007f8292d
1 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
vue/src/components/Footer.vue
View File

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