Merge pull request #59 from frontendweb3/fix-basic-issue

fix the basis issue and update the issue

Author: officialrajdeepsingh

packages/section-blog-theme/components/Card/Card.tsx

@@ -4,10 +4,10 @@ import type { authorType } from "@/src/types"
 export function ArticleCard({ title, description, date, tag, URL, author }: { title: string; description: string; date: string; tag: string[] | undefined; URL: string; author?: string | authorType; }) {
   return (
     <article className="p-6 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700">
-      <div className="flex justify-between items-center mb-5 text-gray-500">
+      <div className="flex justify-between items-center mb-5 capitalize">
         { tag && tag.length > 0
           ? (
-            <span className="bg-[#1E429F] px-2.5 py-0.5 text-white text-xs font-medium inline-flex items-center rounded">
+            <span className="bg-[#1E429F] capitalize px-2.5 py-0.5 text-white text-xs font-medium inline-flex items-center rounded">
               {tag[0]}
             </span>
           )
@@ -23,7 +23,7 @@ export function ArticleCard({ title, description, date, tag, URL, author }: { ti
         <div className="flex items-center space-x-4">
           {typeof author === 'string' ? <span className="font-medium text-black dark:text-white"> {author}</span> : typeof author === 'object' ? <span className="font-medium dark:text-white"> {author.name}</span> : ""}
         </div>
-        <Link href={URL} className="inline-flex items-center font-medium">
+        <Link href={URL} className="px-2 font-medium hover:bg-[#1E429F] hover:text-white">
           Read More
         </Link>
       </div>

packages/section-blog-theme/components/Layouts/Read.tsx

@@ -45,22 +45,22 @@ export function Read({ pageOpts, themeConfig, children }: { pageOpts: PageOpts;
 
         <section className="not-prose flex flex-row justify-between items-center">
 
-          <div className="flex flex-row items-center text-sm text-gray-500 dark:text-gray-400">
+          <div className="flex flex-row items-center text-sm">
 
             <span> By {
 
               typeof frontMatter.author === 'string' ?
                 <Link
                   href={Next_URL(getSite)}
                   rel="author"
-                  className="mr-2 hover:text-gray-700"
+                  className="mr-2 hover:text-gray-400"
                 >
                   {frontMatter?.author}
                 </Link> : typeof frontMatter.author === 'object' ? <Link
                   href={getAuthorURL}
                   target="_blank"
                   rel="author"
-                  className="mr-2 hover:text-gray-600 "
+                  className="mr-2 hover:text-gray-400 "
                 >
                   {frontMatter?.author.name}
                 </Link> : ""
@@ -71,7 +71,7 @@ export function Read({ pageOpts, themeConfig, children }: { pageOpts: PageOpts;
               title={getDate}
             >
               {getDate}
-            </time> • <Link href={getTagURL} className="capitalize ml-2 hover:text-gray-600"> {getTag} </Link>
+            </time> • <Link href={getTagURL} className="capitalize ml-2 hover:text-gray-400"> {getTag} </Link>
           </div>
 
           <div className="hidden sm:flex flex-row print:block">