feat: Add heading-less system monitor overlay
This commit is contained in:
@@ -12,17 +12,27 @@
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.stat {
|
||||
font-size: 1.2em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.descriptor {
|
||||
font-weight: 300; /* Light */
|
||||
}
|
||||
.value {
|
||||
font-weight: 700; /* Bold */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>System Monitor</h1>
|
||||
<div>
|
||||
<h2>CPU Usage</h2>
|
||||
<p id="cpu-usage"></p>
|
||||
<div class="stat">
|
||||
<span class="descriptor">CPU Usage:</span>
|
||||
<span class="value" id="cpu-usage"></span>
|
||||
</div>
|
||||
<div>
|
||||
<h2>Memory Usage</h2>
|
||||
<p id="memory-usage"></p>
|
||||
<div class="stat">
|
||||
<span class="descriptor">Memory Usage:</span>
|
||||
<span class="value" id="memory-usage"></span>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user