Refactor classNames in JsonEditor and StyledMarkdown components

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

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/components/JsonEditor.tsx b/components/JsonEditor.tsx
@@ -323,7 +323,7 @@ export default function JsonEditor({ initialCode }: { initialCode: string }) {
                   alt=' logo-white'
                   width={16}
                   height={16}
-                  className='h-4 mr-1.5'
+                  className=' mr-1.5'
                 />{' '}
                 schema
               </>
@@ -470,7 +470,7 @@ export default function JsonEditor({ initialCode }: { initialCode: string }) {
               alt='Error icon'
               width={16}
               height={16}
-              className='h-4 w-4 mr-2'
+              className=' mr-2'
             />
             not compliant to schema
           </div>
@@ -485,7 +485,7 @@ export default function JsonEditor({ initialCode }: { initialCode: string }) {
               alt='Checkmark icon'
               width={20}
               height={20}
-              className='h-5 w-5 mr-2'
+              className='mr-2'
             />
             compliant to schema
           </div>

diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
@@ -390,9 +390,9 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                   <div className='flex flex-row items-center text-blue-500 text-lg font-semibold mb-6 mt-10'>
                     <Image
                       src='/icons/star.svg'
-                      width={12}
-                      height={12}
-                      className='h-5 w-5 mr-2 mb-1'
+                      width={20}
+                      height={20}
+                      className='mr-2 mb-1'
                       alt='star'
                     />
                     {label}
@@ -406,9 +406,9 @@ const StyledMarkdownBlock = ({ markdown }: { markdown: string }) => {
                   <div className='inline-flex flex-row items-center text-blue-500 font-semibold'>
                     <Image
                       src='/icons/info-yellow.svg'
-                      className='h-3 w-3 mr-1'
-                      width={28}
-                      height={28}
+                      className='mr-1'
+                      width={12}
+                      height={12}
                       alt='info yellow'
                     />
                     {label}