Merge pull request #21 from SweetmanTech/paultech/mobile-feedback

navbar & mobile loading image

components/LoadingPage/LoadingPage.tsx

@@ -1,15 +1,21 @@
 import Image from "next/image"
+import useIsMobile from "../../hooks/useIsMobile"
 
-const LoadingPage = () => (
-  <div className="fixed top-0 left-0 w-full h-full z-50">
-    <Image
-      blurDataURL="/images/Loading/loading.png"
-      alt="SYSTEM"
-      layout="fill"
-      objectFit="cover"
-      src="/images/Loading/loading.png"
-    />
-  </div>
-)
+const LoadingPage = () => {
+  const isMobile = useIsMobile()
+
+  return (
+    <div className="fixed top-0 left-0 w-full h-full z-50">
+      <Image
+        blurDataURL={isMobile ? "/images/Loading/m_loading.png" : "/images/Loading/loading.png"}
+        alt="SYSTEM"
+        layout="fill"
+        objectFit="cover"
+        objectPosition="center center"
+        src={isMobile ? "/images/Loading/m_loading.svg" : "/images/Loading/loading.png"}
+      />
+    </div>
+  )
+}
 
 export default LoadingPage

components/Navbar/Navbar.tsx

@@ -5,7 +5,7 @@ const Navbar = () => {
   const { pathname } = useRouter()
 
   const navClasses = `md:min-w-[80px] md:px-[10px] md:h-[40px] 
-  text-[12px] md:text-[16px] md:py-[5px] py-[2px] h-full uppercase md:capitalize
+  text-[12px] md:text-[16px] md:py-[5px] py-[2px] h-fit uppercase md:capitalize
   md:border-none bg-darkgray
   flex items-center justify-center text-[#d2d2d2] font-dresden cursor-pointer`