added full width to footer and install loading indicator

aju-alen · Dec 11, 2024 · 5682f73 · 5682f73
1 parent eca380f
commit 5682f73
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 7 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -40,6 +40,7 @@
     "react-google-recaptcha": "^3.1.0",
     "react-helmet-async": "^2.0.5",
     "react-leaflet": "^4.2.1",
+    "react-loader-spinner": "^6.1.6",
     "react-router-dom": "^6.22.3",
     "react-simple-wysiwyg": "^3.1.2",
     "rollup-plugin-visualizer": "^5.12.0",

diff --git a/client/src/components/Footer.jsx b/client/src/components/Footer.jsx
@@ -67,13 +67,14 @@ const Footer = () => {
   return (
     <ThemeProvider theme={theme}>
     <Container 
-      maxWidth='xl'
+      maxWidth={false}
       sx={{ 
         // backgroundImage: 'radial-gradient(ellipse 100% 200% at 50% 5%, hsl(210, 100%, 90%), transparent)',
         // backgroundRepeat: 'no-repeat',
         // backgroundSize: 'cover',
         backgroundColor:'#E0ECF5',
         color: '#495057', 
+        width: '100%',
       }}
     > 
     <Stack