fix mobile header

battlecode · Dec 24, 2024 · bfacba2 · bfacba2
1 parent c3271e2
commit bfacba2
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/frontend/src/components/EpisodeSwitcher.tsx b/frontend/src/components/EpisodeSwitcher.tsx
@@ -41,8 +41,8 @@ const EpisodeSwitcher: React.FC = () => {
         <div className="relative">
           <Listbox.Button
             className={`relative flex h-9 w-full flex-row items-center justify-center gap-3 truncate rounded-full bg-gray-900/80 py-1.5
-            pl-6 pr-12 text-left text-gray-100 shadow-sm focus:outline-none
-            sm:text-sm sm:leading-6`}
+            pl-4 pr-8 text-left text-sm
+            text-gray-100 shadow-sm focus:outline-none md:pl-6 md:pr-10 md:text-base`}
           >
             <span className="text-sm font-semibold">
               {idToName.get(episodeId)}

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -23,7 +23,7 @@ const Header: React.FC = () => {
 
   const renderedItems = useMemo(
     () => renderableItems(ALL_SIDEBAR_ITEMS, episodeData, authState, teamData),
-    [episodeData, teamData],
+    [episodeData, teamData, authState],
   );
 
   return (
@@ -92,20 +92,20 @@ const Header: React.FC = () => {
             </Transition>
           </Menu>
           {/* battlecode logo, episode select */}
-          <div className="flex flex-1 items-center justify-center space-x-6 sm:items-stretch sm:justify-start">
+          <div className="flex flex-1 items-center justify-center space-x-4 sm:items-stretch sm:justify-start">
             <div
               className="flex flex-shrink-0 items-center hover:cursor-pointer"
               onClick={() => {
                 navigate(`/${episodeId}/home`);
               }}
             >
               <img
-                className="hidden h-8 sm:block"
+                className="hidden h-8 cursor-pointer sm:block"
                 src="/battlecode-logo-horiz-white.png"
                 alt="Battlecode Logo"
               />
               <img
-                className="h-10 sm:hidden"
+                className="h-10 cursor-pointer sm:hidden"
                 src="/battlecode-logo-vert-white.png"
                 alt="Battlecode Logo"
               />
@@ -119,7 +119,7 @@ const Header: React.FC = () => {
                 <Menu.Button className="rounded-full focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800">
                   <span className="sr-only">Open user menu</span>
                   <img
-                    className="h-8 w-8 rounded-full bg-white"
+                    className="h-10 w-10 rounded-full bg-white"
                     src={
                       user.data?.profile?.avatar_url ??
                       "/default_profile_picture.png"

diff --git a/frontend/src/views/CodeOfConduct.tsx b/frontend/src/views/CodeOfConduct.tsx
@@ -6,7 +6,7 @@ const ENVIRONMENT = `
 Maintaining a safe and inclusive environment for competitors is a top priority for Battlecode.
 Battlecode strictly follows [MIT's Policies](https://policies-procedures.mit.edu/) on responsible and ethical conduct.
 
-If someone makes you or anyone else feel unsafe or unwelcome, please report it to Teh Devs as soon as possible at [mailto:[email protected]]([email protected]).
+If someone makes you or anyone else feel unsafe or unwelcome, please report it to Teh Devs as soon as possible at [[email protected]](mailto:[email protected]).
 
 Harassment and other code of conduct violations reduce the value of the competition for everyone. People like you make our community a better place, and we want you to be happy here.
 `;