Selaa lähdekoodia

Improving look

Penta 2 viikkoa sitten
vanhempi
sitoutus
f10eb0d4ba
3 muutettua tiedostoa jossa 14 lisäystä ja 12 poistoa
  1. 1 1
      package.json
  2. 13 10
      src/components/GamingCard.tsx
  3. 0 1
      src/components/NowPlayingCard.tsx

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "homelab-dashboard",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Custom administration dashboard for the homelab OpenShift cluster",
   "private": true,
   "license": "Apache-2.0",

+ 13 - 10
src/components/GamingCard.tsx

@@ -114,19 +114,22 @@ const GamingCard: FC = () => {
             </p>
 
             {status.game.running && (
-              <p style={{ fontSize: '0.875rem' }}>
-                CPU:{' '}
-                <strong>
-                  {status.game.cpuPercent.toFixed(1)}%
-                </strong>
-                {' / '}
-                RAM:{' '}
-                <strong>
-                  {status.game.memoryMiB.toFixed(1)} MiB
-                </strong>
+              <p>
+                <small>
+                  CPU:{' '}
+                  <strong>
+                    {status.game.cpuPercent.toFixed(1)}%
+                  </strong>
+                  {' / '}
+                  RAM:{' '}
+                  <strong>
+                    {status.game.memoryMiB.toFixed(1)} MiB
+                  </strong>
+                </small>
               </p>
             )}
 
+            <br />
             <p>
               Sunshine session:{' '}
               <strong>

+ 0 - 1
src/components/NowPlayingCard.tsx

@@ -99,7 +99,6 @@ const NowPlayingCard: FC = () => {
                   {status?.error ?? 'Unable to contact MPD.'}
                 </Alert>
                 <br />
-                <br />
               </>
             )}