From 6e32d9b8fd4f1d98a6ddb4f1d15fbced37cc2c7a Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Mon, 18 Nov 2024 16:16:13 +0330
Subject: [PATCH] home page mobile biew debugged

---
 .../home/filtered-posts/filteredPosts.tsx     | 42 +++++++++--------
 .../(routes)/blog/components/home/new/new.tsx | 46 +++++++++++--------
 2 files changed, 49 insertions(+), 39 deletions(-)

diff --git a/src/app/(routes)/blog/components/home/filtered-posts/filteredPosts.tsx b/src/app/(routes)/blog/components/home/filtered-posts/filteredPosts.tsx
index 276bb8d..db89567 100644
--- a/src/app/(routes)/blog/components/home/filtered-posts/filteredPosts.tsx
+++ b/src/app/(routes)/blog/components/home/filtered-posts/filteredPosts.tsx
@@ -56,25 +56,29 @@ export default async function FilteredPosts({ data }: FilteredPostsProps) {
           <div className="absolute z-[1] h-full w-full bg-blog-purple opacity-80"></div>
 
           <div className="absolute flex flex-wrap gap-5 p-10">
-            <div className="z-10 flex w-full items-center justify-start gap-2">
-              <p className="text-[15px] font-[400] text-white sm:text-[16px]">
-                {dict.blog.homePage.by}
-              </p>
-              <Link
-                href={"/"}
-                className="text-[15px] font-[400] capitalize text-white hover:underline sm:text-[16px]"
-              >
-                {data[0].author.name}
-              </Link>
-              <p className="text-[15px] font-[400] text-white sm:text-[16px]">
-                {dict.blog.homePage.in}
-              </p>
-              <Link
-                href={`/blog/categories/${data[0].category.slug}`}
-                className="text-[15px] font-[400] text-white hover:underline sm:text-[16px]"
-              >
-                {data[0].category.name}
-              </Link>
+            <div className="z-10 flex w-full flex-wrap items-center justify-start gap-2">
+              <div className="flex">
+                <p className="me-2 text-[15px] font-[400] text-white md:text-[16px]">
+                  {dict.blog.homePage.by}
+                </p>
+                <Link
+                  href={"/"}
+                  className="text-[15px] font-[400] capitalize text-white underline md:text-[16px]"
+                >
+                  {data[0].author.name}
+                </Link>
+              </div>
+              <div className="flex">
+                <p className="me-2 text-[15px] font-[400] text-white sm:text-[16px]">
+                  {dict.blog.homePage.in}
+                </p>
+                <Link
+                  href={`/blog/categories/${data[0].category.name}`}
+                  className="text-[15px] font-[400] text-white underline sm:text-[16px]"
+                >
+                  {data[0].category.name}
+                </Link>
+              </div>
             </div>
 
             <Link
diff --git a/src/app/(routes)/blog/components/home/new/new.tsx b/src/app/(routes)/blog/components/home/new/new.tsx
index 52e3032..5c32e33 100644
--- a/src/app/(routes)/blog/components/home/new/new.tsx
+++ b/src/app/(routes)/blog/components/home/new/new.tsx
@@ -22,25 +22,29 @@ export default async function New({ data }: NewProps) {
         <div className="absolute z-[1] h-full w-full bg-blog-purple opacity-80"></div>
 
         <div className="absolute flex flex-wrap gap-5 p-10">
-          <div className="z-10 flex w-full items-center justify-start gap-2">
-            <p className="text-[15px] font-[400] text-white sm:text-[16px]">
-              {dict.blog.homePage.by}
-            </p>
-            <Link
-              href={"/"}
-              className="text-[15px] font-[400] capitalize text-white hover:underline sm:text-[16px]"
-            >
-              {data[0].author.name}
-            </Link>
-            <p className="text-[15px] font-[400] text-white sm:text-[16px]">
-              {dict.blog.homePage.in}
-            </p>
-            <Link
-              href={`/blog/categories/${data[0].category.name}`}
-              className="text-[15px] font-[400] text-white hover:underline sm:text-[16px]"
-            >
-              {data[0].category.name}
-            </Link>
+          <div className="z-10 flex w-full flex-wrap items-center justify-start gap-2">
+            <div className="flex">
+              <p className="me-2 text-[15px] font-[400] text-white md:text-[16px]">
+                {dict.blog.homePage.by}
+              </p>
+              <Link
+                href={"/"}
+                className="text-[15px] font-[400] capitalize text-white underline md:text-[16px]"
+              >
+                {data[0].author.name}
+              </Link>
+            </div>
+            <div className="flex">
+              <p className="me-2 text-[15px] font-[400] text-white sm:text-[16px]">
+                {dict.blog.homePage.in}
+              </p>
+              <Link
+                href={`/blog/categories/${data[0].category.name}`}
+                className="text-[15px] font-[400] text-white underline sm:text-[16px]"
+              >
+                {data[0].category.name}
+              </Link>
+            </div>
           </div>
 
           <Link
@@ -58,7 +62,9 @@ export default async function New({ data }: NewProps) {
 
       <div className="flex w-full flex-col md:w-[35%] md:gap-2 lg:gap-2 xl:gap-5">
         <div className="flex w-full items-center justify-between border-b-2 pb-2 md:pb-5 lg:gap-8 lg:pb-6 xl:pb-10">
-          <h2 className="text-[24px] font-[700] text-blog-text-default">{dict.blog.homePage.new}</h2>
+          <h2 className="text-[24px] font-[700] text-blog-text-default">
+            {dict.blog.homePage.new}
+          </h2>
           <Link
             href={"/blog/filtered-posts/new"}
             className="text-[16px] font-[400] text-blog-text-passive hover:underline"