Small UI fixes

andyplank · Jan 16, 2024 · 2b630e0 · 2b630e0
1 parent 6c80fd1
commit 2b630e0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/client/src/components/Help.tsx b/client/src/components/Help.tsx
@@ -10,7 +10,7 @@ export default function Help({open, setOpen, title, text}: {open: boolean, setOp
       as={Fragment}
     >
       <Dialog as="div" className="relative" onClose={setOpen}>
-        <div className="fixed inset-0 z-10 w-screen h-screen">
+        <div className="fixed inset-0 z-10 w-dvw h-dvh">
           <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
             <Transition.Child
               as={Fragment}

diff --git a/client/src/components/Lobby.tsx b/client/src/components/Lobby.tsx
@@ -28,11 +28,11 @@ function Lobby({sendJsonMessage, isHost, remainingIcons}: {sendJsonMessage: any,
                     <h3 className='pb-4 lg:pb-10'>Select your icon:</h3>
                     <div className='grid grid-cols-3 gap-2 lg:grid-cols-5'>
                     {Object.keys(iconMap).map((iconName: string, idx:number) => {
-                        let iconClasses = "p-2 min-h-[80px] lg:min-h-[150px] 3xl-min-h-[200px] lg:max-w-[175px] 3xl:max-w-[225px] duration-500"
+                        let iconClasses = "p-2 min-h-[80px] lg:min-h-[150px] 3xl-min-h-[200px] lg:max-w-[175px] 3xl:max-w-[225px]"
                         if (!remainingIcons.includes(iconName)) {
-                            iconClasses += " filter grayscale p-2 brightness-75"
+                            iconClasses += " filter grayscale p-2 brightness-75 duration-100"
                         } else {
-                            iconClasses += " cursor-pointer hover:scale-110"
+                            iconClasses += " cursor-pointer hover:scale-110 duration-500"
                         }
                         return (
                             <div key={iconName+idx} className={iconClasses} onClick={() => selectIcon(iconName)}> 

diff --git a/client/src/components/PlayerIcon.tsx b/client/src/components/PlayerIcon.tsx
@@ -40,7 +40,7 @@ const PlayerIcon = ({iconName, customClass}: {iconName: string, customClass?: st
     const icon = iconMap[iconName];
 
     return (
-        <img src={'./icons/' + icon} alt={iconName} className={customClass} />
+        <img src={icon} alt={iconName} className={customClass} />
     )
 }