Change background image for council

Nonhuman-Nonsense · Mar 23, 2024 · c0b6425 · c0b6425
1 parent 58508fe
commit c0b6425
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/client/public/images/council-background.jpg b/client/public/images/council-background.jpg
diff --git a/client/src/App.js b/client/src/App.js
@@ -33,7 +33,7 @@ function App() {
     setTopic(topic);
     setFoods(foods);
 
-    setBackgroundImageURL("");
+    setBackgroundImageURL("/images/council-background.jpg");
 
     setCurrentView("council");
   }

diff --git a/client/src/components/Council.jsx b/client/src/components/Council.jsx
@@ -2,9 +2,19 @@ import React from "react";
 
 function Council({ options }) {
   const { name, topic, foods } = options;
+  const councilStyle = {
+    zIndex: 10,
+    color: "white",
+    textAlign: "center",
+    minHeight: "100vh",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-around",
+    alignItems: "center",
+  };
 
   return (
-    <div>
+    <div style={councilStyle}>
       <h1>Welcome to the council {name}</h1>
       <h1>Topic: {topic}</h1>
       <h1>Foods: {foods.join(", ")}</h1>

diff --git a/client/src/components/Overlay.jsx b/client/src/components/Overlay.jsx
@@ -3,7 +3,6 @@ import React, { useState, useEffect } from "react";
 function Overlay({ isActive, children }) {
   const [overlayStyle, setOverlayStyle] = useState({});
 
-  // Update overlay styles when visible prop changes
   useEffect(() => {
     if (isActive) {
       setOverlayStyle({