From addebd1e4f593188ce2fa684bd1e88f3a8c2704f Mon Sep 17 00:00:00 2001
From: Its4Nik <info@itsnik.de>
Date: Mon, 26 Aug 2024 19:02:46 +0200
Subject: [PATCH] Hot Fix - For Dynamic Logo Sizes

---
 public/index.html                | 26 +++++++++++++-------------
 src/components/ContainerStats.js |  1 +
 src/components/LogoSizes.css     | 24 ++++++++++++++++++++++++
 3 files changed, 38 insertions(+), 13 deletions(-)
 create mode 100644 src/components/LogoSizes.css
diff --git a/public/index.html b/public/index.html
index 916403e..912983b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,18 +2,18 @@
 <html lang="en">
 
 <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -22,13 +22,13 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+  <title>Dockstat</title>
 </head>
 
 <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
diff --git a/src/components/ContainerStats.js b/src/components/ContainerStats.js
index ee9a131..694cebb 100644
--- a/src/components/ContainerStats.js
+++ b/src/components/ContainerStats.js
@@ -3,6 +3,7 @@ import { FaMemory, FaMicrochip, FaArrowDown, FaArrowUp, FaLink } from 'react-ico
 import { ToastContainer } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import './ContainerStats.css';
+import './LogoSizes.css'
 
 function formatBytesToMB(bytes) {
     return (bytes / (1024 * 1024)).toFixed(2);
diff --git a/src/components/LogoSizes.css b/src/components/LogoSizes.css
new file mode 100644
index 0000000..b7eac80
--- /dev/null
+++ b/src/components/LogoSizes.css
@@ -0,0 +1,24 @@
+.w-12 {
+    width: 3rem;
+    /* 48px */
+}
+
+.w-16 {
+    width: 4rem;
+    /* 64px */
+}
+
+.w-20 {
+    width: 5rem;
+    /* 80px */
+}
+
+.w-24 {
+    width: 6rem;
+    /* 96px */
+}
+
+.w-32 {
+    width: 8rem;
+    /* 128px */
+}
\ No newline at end of file
