From b6401da268d213f029f1bcdffab050500f5ec3eb Mon Sep 17 00:00:00 2001
From: 29deepanshutyagi <29deepanshutyagi@gmail.com>
Date: Fri, 27 Dec 2024 17:17:23 +0530
Subject: [PATCH] Refactor image classNames in Layout and StyledMarkdown
 components

---
 components/Layout.tsx         | 12 ++++++------
 components/StyledMarkdown.tsx |  6 +++---
 pages/tools/index.page.tsx    |  4 ++--
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/components/Layout.tsx b/components/Layout.tsx
index 29411a0fa..26e303b22 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -359,7 +359,7 @@ const Footer = () => (
               src='/img/logos/slack_logo_small-white.svg'
               width={16}
               height={16}
-              className='w-4 h-4 mr-2'
+              className=' mr-2'
               alt='Slack logo'
             />
             Slack
@@ -374,7 +374,7 @@ const Footer = () => (
               src='/img/logos/x-twitter.svg'
               width={16}
               height={16}
-              className='w-4 h-4 mr-2'
+              className=' mr-2'
               alt='X logo'
             />{' '}
             X
@@ -389,7 +389,7 @@ const Footer = () => (
               src='/img/logos/icons8-linkedin-2.svg'
               width={16}
               height={16}
-              className='w-4 h-4 mr-2'
+              className=' mr-2'
               alt='LinkedIn logo'
             />
             LinkedIn
@@ -404,7 +404,7 @@ const Footer = () => (
               src='/img/logos/icons8-youtube.svg'
               width={16}
               height={16}
-              className='w-4 h-4 mr-2'
+              className='mr-2'
               alt='YouTube logo'
             />
             Youtube
@@ -419,7 +419,7 @@ const Footer = () => (
               src='/img/logos/github_logo-white.svg'
               width={16}
               height={16}
-              className='w-4 h-4 mr-2'
+              className='mr-2'
               alt='GitHub logo'
             />
             GitHub
@@ -455,7 +455,7 @@ const Logo = () => {
           src={imageSrc}
           width={170}
           height={48}
-          className='h-12 mr-2'
+          className='mr-2'
           alt='Dynamic image'
         />
       </Link>
diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index 86a2b4bf1..b16272735 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -451,7 +451,7 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                     <div className='flex flex-row items-center mb-6 bg-blue-50 px-6 py-4 border border-blue-100 rounded dark:bg-slate-900 dark:text-slate-300 text-slate-600 leading-7'>
                       <Image
                         src='/icons/info-blue.svg'
-                        className='h-7 w-7 mr-3'
+                        className='mr-3'
                         width={28}
                         height={28}
                         alt='info blue'
@@ -474,7 +474,7 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                     <div className='flex flex-row items-center mb-6 bg-green-50 px-6 py-4 border border-green-100 rounded text-slate-600 leading-7'>
                       <Image
                         src='/icons/bulb.svg'
-                        className='h-7 w-7 mr-3'
+                        className='mr-3'
                         width={28}
                         height={28}
                         alt='bulb'
@@ -497,7 +497,7 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                     <div className='flex flex-row items-center mb-6 bg-red-50 px-6 py-4 border border-red-100 rounded text-slate-600 leading-7'>
                       <Image
                         src='/icons/warning.svg'
-                        className='h-7 w-7 mr-3'
+                        className='mr-3'
                         width={28}
                         height={28}
                         alt='warning'
diff --git a/pages/tools/index.page.tsx b/pages/tools/index.page.tsx
index 056f18d73..fd75e68d7 100644
--- a/pages/tools/index.page.tsx
+++ b/pages/tools/index.page.tsx
@@ -184,7 +184,7 @@ export default function ToolingPage({
                 >
                   <Image
                     src='/img/tools/adding_your_tool.png'
-                    className='rounded-sm h-[68px] '
+                    className='rounded-sm  '
                     height={68}
                     width={190}
                     alt='adding your tool'
@@ -205,7 +205,7 @@ export default function ToolingPage({
                 >
                   <Image
                     src='/img/tools/try_bowtie.png'
-                    className='rounded-sm h-[68px]'
+                    className='rounded-sm '
                     height={68}
                     width={190}
                     alt='try bowtie'