fix: yml for dir change and footer

Git-abby · Dec 17, 2024 · b01f010 · b01f010
1 parent 30bf04e
commit b01f010
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 29 deletions.
diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx
@@ -47,35 +47,7 @@ function Footer() {
               </p>
             </div>
           </div>
-          <div className="w-full px-4 sm:w-1/2 lg:w-2/12">
-            <div className="mb-10 w-full">
-              <h4 className="mb-9 text-lg font-semibold text-dark dark:text-white">
-                Resources
-              </h4>
-              <ul className="space-y-3">
-                <li>
-                  <a className="inline-block text-base leading-loose text-body-color hover:text-primary dark:text-dark-6">
-                    SaaS Development
-                  </a>
-                </li>
-                <li>
-                  <a className="inline-block text-base leading-loose text-body-color hover:text-primary dark:text-dark-6">
-                    Our Products
-                  </a>
-                </li>
-                <li>
-                  <a className="inline-block text-base leading-loose text-body-color hover:text-primary dark:text-dark-6">
-                    User Flow
-                  </a>
-                </li>
-                <li>
-                  <a className="inline-block text-base leading-loose text-body-color hover:text-primary dark:text-dark-6">
-                    User Strategy
-                  </a>
-                </li>
-              </ul>
-            </div>
-          </div>
+
           <div className="w-full px-4 sm:w-1/2 lg:w-2/12">
             <div className="mb-10 w-full">
               <h4 className="mb-9 text-lg font-semibold text-dark dark:text-white">

diff --git a/frontend/src/css/GenresNavbar.css b/frontend/src/css/GenresNavbar.css
@@ -0,0 +1,22 @@
+.genres-navbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    /* overflow-x: auto; */
+    padding: 10px;
+    background-color: #111928;
+  }
+
+  .genre-button {
+    padding: 5px 20px;
+    border: none;
+    border-radius: 5px;
+    background-color: #29333e;
+    color: white;
+    cursor: pointer;
+  }
+
+  .genre-button:hover {
+    background-color: #297474;
+  }
+