Refactor image classNames in Layout and StyledMarkdown components

json-schema-org · Dec 27, 2024 · b6401da · b6401da
1 parent 5cc005e
commit b6401da
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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'