Update manifest.json icons, adjust Footer styles, and remove unused C…

…SS file
athrvk · Dec 12, 2024 · 867b75c · 867b75c
1 parent 26d68b9
commit 867b75c
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 34 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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