docs: organize desktop screenshots in 2x2 grid layout

- Change desktop screenshots from vertical list to 2x2 grid table format
- Set screenshot width to 400px for better readability
- Add clear labels above each desktop screenshot
- Maintain dashboard as hero image while organizing other views

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
courtmanr@gmail.com
2025-05-28 11:13:50 +01:00
parent 8ed2980f8b
commit 0e0ea50912
+20 -8
View File
@@ -13,14 +13,26 @@ A lightweight monitoring application for Proxmox VE that displays real-time stat
<details>
<summary><strong>Click to view other UI tabs</strong></summary>
**PBS Tab:**
![PBS View](docs/images/02-pbs-view.png)
**Backups Tab:**
![Backups View](docs/images/03-backups-view.png)
**Line Graph Toggle:**
![Line Graph Toggle View](docs/images/04-line-graph-toggle.png)
<div align="center">
<table>
<tr>
<td align="center"><strong>PBS Tab</strong></td>
<td align="center"><strong>Backups Tab</strong></td>
</tr>
<tr>
<td><img src="docs/images/02-pbs-view.png" alt="PBS View" width="400"/></td>
<td><img src="docs/images/03-backups-view.png" alt="Backups View" width="400"/></td>
</tr>
<tr>
<td align="center"><strong>Line Graph Toggle</strong></td>
<td></td>
</tr>
<tr>
<td><img src="docs/images/04-line-graph-toggle.png" alt="Line Graph Toggle View" width="400"/></td>
<td></td>
</tr>
</table>
</div>
</details>