From 6a8b909afbe1560be95f7ad0a3e19cfe4717aec6 Mon Sep 17 00:00:00 2001
From: FifthWit <fifthwitbusiness@gmail.com>
Date: Thu, 14 Aug 2025 14:01:01 -0500
Subject: Switched to tailwind/vite

---
 frontend/src/pages/Maps.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

(limited to 'frontend/src/pages/Maps.tsx')

diff --git a/frontend/src/pages/Maps.tsx b/frontend/src/pages/Maps.tsx
index fbdb8f3..75753ac 100644
--- a/frontend/src/pages/Maps.tsx
+++ b/frontend/src/pages/Maps.tsx
@@ -2,14 +2,13 @@ import React from "react";
 import { Link, useLocation } from "react-router-dom";
 import { Helmet } from "react-helmet";
 
-import { PortalIcon, FlagIcon, ChatIcon } from "@images/Images";
+import { PortalIcon, FlagIcon, ChatIcon } from "../images/Images";
 import Summary from "@components/Summary";
 import Leaderboards from "@components/Leaderboards";
 import Discussions from "@components/Discussions";
 import ModMenu from "@components/ModMenu";
 import { MapDiscussions, MapLeaderboard, MapSummary } from "@customTypes/Map";
 import { API } from "@api/Api";
-import "@css/Maps.css";
 
 interface MapProps {
   token?: string;
@@ -82,15 +81,15 @@ const Maps: React.FC<MapProps> = ({ token, isModerator }) => {
 
           <section id="section2" className="summary1">
             <button className="nav-button">
-              <img src={PortalIcon} alt="" />
+              <img src={PortalIcon} alt="" className="w-6 h-6" />
               <span>Summary</span>
             </button>
             <button className="nav-button">
-              <img src={FlagIcon} alt="" />
+              <img src={FlagIcon} alt="" className="w-6 h-6" />
               <span>Leaderboards</span>
             </button>
             <button className="nav-button">
-              <img src={ChatIcon} alt="" />
+              <img src={ChatIcon} alt="" className="w-6 h-6" />
               <span>Discussions</span>
             </button>
           </section>
@@ -151,15 +150,15 @@ const Maps: React.FC<MapProps> = ({ token, isModerator }) => {
 
         <section id="section2" className="summary1">
           <button className="nav-button" onClick={() => setNavState(0)}>
-            <img src={PortalIcon} alt="" />
+            <img src={PortalIcon} alt="" className="w-6 h-6" />
             <span>Summary</span>
           </button>
           <button className="nav-button" onClick={() => setNavState(1)}>
-            <img src={FlagIcon} alt="" />
+            <img src={FlagIcon} alt="" className="w-6 h-6" />
             <span>Leaderboards</span>
           </button>
           <button className="nav-button" onClick={() => setNavState(2)}>
-            <img src={ChatIcon} alt="" />
+            <img src={ChatIcon} alt="" className="w-6 h-6" />
             <span>Discussions</span>
           </button>
         </section>
-- 
cgit v1.2.3

