Change sidebar width and colour

calebwharton · Jul 13, 2024 · aedbb23 · aedbb23
1 parent 766af8b
commit aedbb23
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
@@ -59,9 +59,9 @@ const Home: React.FC = () => {
     return (
         <div>
             <NavBar />
-            <div className="flex">
+            <div className="flex w-full">
                 {selectedMarker && (
-                    <div className="sidebar">
+                    <div className="sidebar w-1/3 bg-accent text-white">
                         <button onClick={closeSidebar}>Close</button>
                         <h2>{selectedMarker}</h2>
                         <p>Place information goes here...</p>

diff --git a/web/tailwind.config.js b/web/tailwind.config.js
@@ -15,13 +15,12 @@ export default {
             colors: {
                 primary: "#FDFAD7",
                 secondary: "#F4DEA2",
-                accent: "#D4A473",
+                // accent: "#D4A473",
                 gprimary: "#ABBA77",
                 gsecondary: "#E5ECC3",
                 navy: "#364652",
                 offwhite: "#FFF6E4",
                 accent: "#AACCCC",
-
             },
         },
     },