From 867b75c96f610f20032ab8f63a012d10bbde97e9 Mon Sep 17 00:00:00 2001
From: athrvk <atharvakusumbia@gmail.com>
Date: Fri, 13 Dec 2024 00:17:33 +0530
Subject: [PATCH] Update manifest.json icons, adjust Footer styles, and remove
 unused CSS file

---
 frontend/public/manifest.json           | 27 ++++++++++++++++++++++-
 frontend/src/components/UI/Container.js |  1 +
 frontend/src/components/UI/Footer.js    |  6 ++---
 frontend/src/index.js                   |  7 +++++-
 frontend/src/styles/index.css           | 29 -------------------------
 5 files changed, 36 insertions(+), 34 deletions(-)
 delete mode 100644 frontend/src/styles/index.css

diff --git a/frontend/public/manifest.json b/frontend/public/manifest.json
index 5efbaf1..d3d2dd2 100644
--- a/frontend/public/manifest.json
+++ b/frontend/public/manifest.json
@@ -2,9 +2,34 @@
   "short_name": "Tic-Tac-Two",
   "name": "Tic-Tac-Two Game",
   "icons": [
+    {
+      "src": "logo16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "logo32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "logo64.png",
+      "sizes": "64x64",
+      "type": "image/png"
+    },
     {
       "src": "logo128.png",
-      "sizes": "512x512 256x256 128x128 64x64 32x32 24x24 16x16",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "logo256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "logo512.png",
+      "sizes": "512x512",
       "type": "image/png"
     }
   ],
diff --git a/frontend/src/components/UI/Container.js b/frontend/src/components/UI/Container.js
index b2eaa6b..d696877 100644
--- a/frontend/src/components/UI/Container.js
+++ b/frontend/src/components/UI/Container.js
@@ -5,6 +5,7 @@ export const Container = styled.div`
   max-height: 100vh;
   margin: 0 auto;
   padding: ${({ theme }) => theme.spacing.lg};
+  padding-bottom: 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
diff --git a/frontend/src/components/UI/Footer.js b/frontend/src/components/UI/Footer.js
index 5849e20..afe0e6e 100644
--- a/frontend/src/components/UI/Footer.js
+++ b/frontend/src/components/UI/Footer.js
@@ -4,7 +4,7 @@ import { theme } from '../../styles/theme';
 
 const FooterContainer = styled.footer`
     background-color: ${theme.colors.lightGray};
-    position: absolute;
+    position: fixed;
     width: 100%;
     bottom: 0;
     color: ${theme.colors.text};
@@ -16,7 +16,7 @@ const FooterContainer = styled.footer`
     @media (max-width: 768px) {
         flex-direction: column;
         text-align: center;
-        padding: ${theme.spacing.sm};
+        padding: ${theme.spacing.xs};
     }
 `;
 
@@ -27,7 +27,7 @@ const FooterText = styled.p`
     margin: 0;
     @media (max-width: 768px) {
         font-size: ${theme.typography.body.fontSize};
-        margin-top: ${theme.spacing.sm};
+        margin-top: ${theme.spacing.xs};
     }
 `;
 
diff --git a/frontend/src/index.js b/frontend/src/index.js
index 5b9d2ad..00a2484 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -1,7 +1,12 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
-import './styles/index.css';
+// import './styles/index.css';
+
+
+if (process.env.NODE_ENV === 'production') {
+  console.log = () => {};
+}
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css
deleted file mode 100644
index fa2f3e3..0000000
--- a/frontend/src/styles/index.css
+++ /dev/null
@@ -1,29 +0,0 @@
-:root {
-  --border-color: #d3d6da;
-  --filled-color: #787c7e;
-  --background-color: #ffffff;
-  --x-color: #4f46e5;
-  --o-color: #ea580c;
-}
-
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
-  background-color: var(--background-color);
-}
-
-.game-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 1rem;
-  max-width: 500px;
-  margin: 0 auto;
-}
-
-.header {
-  width: 100%;
-  padding: 1rem;
-  border-bottom: 1px solid var(--border-color);
-  text-align: center;
-}
\ No newline at end of file