Fixing console warning re Image component - Tailwind issue - https://…

…github.com/vercel/next.js/issues/56025\#issuecomment-2065601001
jgbharris · Aug 30, 2024 · 2325e93 · 2325e93
1 parent 5016f4f
commit 2325e93
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/app/components/navbar/Logo.tsx b/app/components/navbar/Logo.tsx
@@ -13,7 +13,8 @@ const Logo = () => {
         className="hidden cursor-pointer md:block"
         width={100}
         height={100}
-        style={{ width: "100px", height: "auto" }}
+        priority
+        // style={{ width: "100px", height: "60px" }}
       />
     </div>
   );

diff --git a/app/globals.css b/app/globals.css
@@ -2,6 +2,13 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  img {
+    width: auto;
+    height: auto;
+  }
+}
+
 html,
 body,
 :root {