Fixed logo inline

MrDemonWolf · Oct 30, 2023 · 8d6d493 · 8d6d493
1 parent 937b911
commit 8d6d493
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 28 deletions.
diff --git a/src/components/Navigation/logged-in.tsx b/src/components/Navigation/logged-in.tsx
@@ -21,20 +21,18 @@ export default function LoggedIn() {
           <div className="mx-auto max-w-7xl px-2 sm:px-4 lg:divide-y lg:divide-gray-700 lg:px-8">
             <div className="relative flex h-16 justify-between">
               <div className="relative z-10 flex px-2 lg:px-0">
-                <div className="flex flex-shrink-0 items-center">
-                  <Link href="/">
-                    <Image
-                      className="h-8 w-auto"
-                      src="/img/logo.png"
-                      alt="Streamer Quick Info"
-                      width={32}
-                      height={32}
-                    />
-                    <span className="ml-4 align-middle font-bold text-gray-900 dark:text-white">
-                      Streamer Quick Info
-                    </span>
-                  </Link>
-                </div>
+                <Link href="/" className="flex flex-shrink-0 items-center">
+                  <Image
+                    className=" h-8 w-auto"
+                    src="/img/logo.png"
+                    alt="Streamer Quick Info"
+                    width={32}
+                    height={32}
+                  />
+                  <span className="ml-4  align-middle font-bold text-gray-900 dark:text-white">
+                    Streamer Quick Info
+                  </span>
+                </Link>
               </div>
               <div className="relative z-0 flex flex-1 items-center justify-center px-2 sm:absolute sm:inset-0">
                 <div className="w-full sm:max-w-xs">

diff --git a/src/components/Navigation/logged-out.tsx b/src/components/Navigation/logged-out.tsx
@@ -11,20 +11,18 @@ export default function LoggedOut() {
         <div className="mx-auto max-w-7xl px-2 sm:px-4 lg:divide-y lg:divide-gray-700 lg:px-8">
           <div className="relative flex h-16 justify-between">
             <div className="relative z-10 flex px-2 lg:px-0">
-              <div className="flex flex-shrink-0 items-center">
-                <Link href="/">
-                  <Image
-                    className="h-8 w-auto"
-                    src="/img/logo.png"
-                    alt="Streamer Quick Info"
-                    width={32}
-                    height={32}
-                  />
-                  <span className="ml-4 align-middle font-bold text-gray-900 dark:text-white">
-                    Streamer Quick Info
-                  </span>
-                </Link>
-              </div>
+              <Link href="/" className="flex flex-shrink-0 items-center">
+                <Image
+                  className="inline h-8 w-auto"
+                  src="/img/logo.png"
+                  alt="Streamer Quick Info"
+                  width={32}
+                  height={32}
+                />
+                <span className="ml-4 inline align-middle font-bold text-gray-900 dark:text-white">
+                  Streamer Quick Info
+                </span>
+              </Link>
             </div>
             <div className="relative z-10 ml-4 flex items-center">
               <button