style: adjustments on figcaption and unordered list

AmazeeLabs · Apr 15, 2024 · 15c26ad · 15c26ad
1 parent 1ed83c1
commit 15c26ad
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/ui/src/components/Organisms/Footer.tsx b/packages/ui/src/components/Organisms/Footer.tsx
@@ -73,7 +73,7 @@ export function Footer() {
               <div className="flex mt-4 space-x-6 sm:justify-center sm:mt-0">
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black dark:hover:text-white"
                 >
                   <svg
                     className="w-5 h-5"
@@ -90,7 +90,7 @@ export function Footer() {
                 </a>
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black dark:hover:text-white"
                 >
                   <svg
                     className="w-5 h-5"
@@ -103,7 +103,7 @@ export function Footer() {
                 </a>
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black dark:hover:text-white"
                 >
                   <svg
                     className="w-5 h-5"
@@ -120,7 +120,7 @@ export function Footer() {
                 </a>
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black"
                 >
                   <svg
                     className="w-5 h-5"
@@ -155,7 +155,7 @@ export function Footer() {
                       <Link
                         href={item.target!}
                         className={
-                          'text-gray-900 block hover:text-blue-600 transition-all font-bold text-[0.875rem] leading-[1.313rem] uppercase mb-4'
+                          'text-gray-900 block hover:underline transition-all font-bold text-[0.875rem] leading-[1.313rem] uppercase mb-4'
                         }
                       >
                         {item.title}
@@ -174,7 +174,7 @@ export function Footer() {
                           <Link
                             key={child.target}
                             href={child.target}
-                            className="block transition-all text-base mb-4 hover:text-blue-600"
+                            className="block transition-all text-base mb-4 hover:underline"
                           >
                             {child.title}
                           </Link>

diff --git a/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx b/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx
@@ -43,7 +43,7 @@ export function BlockMarkup(props: BlockMarkupFragment) {
                 className={clsx(className, { 'list-none relative': unordered })}
               >
                 {unordered ? (
-                  <ArrowRightCircleIcon className="w-6 h-6 absolute mt-0.5 left-[-1.5em] text-indigo-600" />
+                  <ArrowRightCircleIcon className="not-prose w-6 h-6 absolute mt-1.5 left-[-1.5em] text-indigo-600" />
                 ) : null}
                 {children}
               </li>

diff --git a/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx b/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
@@ -13,7 +13,7 @@ export function BlockMedia(props: BlockMediaFragment) {
       <figure className="mt-16 mx-auto max-w-3xl">
         <Media {...props.media} />
         {props.caption ? (
-          <figcaption className="mt-4 flex gap-x-2 text-sm leading-6 text-gray-500">
+          <figcaption className="mt-3 flex justify-center gap-x-2 text-sm leading-6 text-gray-500">
             <Html markup={props.caption} />
           </figcaption>
         ) : null}
@@ -27,7 +27,7 @@ function Media(props: Required<BlockMediaFragment>['media']) {
     case 'MediaImage':
       return (
         <Image
-          className="rounded-xl max-w-full mx-auto"
+          className="max-w-full mx-auto"
           source={props.source}
           alt={props.alt}
         />