home page mobile biew debugged

This commit is contained in:
parsa aghaei 2024-11-18 16:16:13 +03:30
parent 40b8b6539a
commit 6e32d9b8fd
2 changed files with 49 additions and 39 deletions

View File

@ -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 z-[1] h-full w-full bg-blog-purple opacity-80"></div>
<div className="absolute flex flex-wrap gap-5 p-10"> <div className="absolute flex flex-wrap gap-5 p-10">
<div className="z-10 flex w-full items-center justify-start gap-2"> <div className="z-10 flex w-full flex-wrap items-center justify-start gap-2">
<p className="text-[15px] font-[400] text-white sm:text-[16px]"> <div className="flex">
{dict.blog.homePage.by} <p className="me-2 text-[15px] font-[400] text-white md:text-[16px]">
</p> {dict.blog.homePage.by}
<Link </p>
href={"/"} <Link
className="text-[15px] font-[400] capitalize text-white hover:underline sm:text-[16px]" href={"/"}
> className="text-[15px] font-[400] capitalize text-white underline md:text-[16px]"
{data[0].author.name} >
</Link> {data[0].author.name}
<p className="text-[15px] font-[400] text-white sm:text-[16px]"> </Link>
{dict.blog.homePage.in} </div>
</p> <div className="flex">
<Link <p className="me-2 text-[15px] font-[400] text-white sm:text-[16px]">
href={`/blog/categories/${data[0].category.slug}`} {dict.blog.homePage.in}
className="text-[15px] font-[400] text-white hover:underline sm:text-[16px]" </p>
> <Link
{data[0].category.name} href={`/blog/categories/${data[0].category.name}`}
</Link> className="text-[15px] font-[400] text-white underline sm:text-[16px]"
>
{data[0].category.name}
</Link>
</div>
</div> </div>
<Link <Link

View File

@ -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 z-[1] h-full w-full bg-blog-purple opacity-80"></div>
<div className="absolute flex flex-wrap gap-5 p-10"> <div className="absolute flex flex-wrap gap-5 p-10">
<div className="z-10 flex w-full items-center justify-start gap-2"> <div className="z-10 flex w-full flex-wrap items-center justify-start gap-2">
<p className="text-[15px] font-[400] text-white sm:text-[16px]"> <div className="flex">
{dict.blog.homePage.by} <p className="me-2 text-[15px] font-[400] text-white md:text-[16px]">
</p> {dict.blog.homePage.by}
<Link </p>
href={"/"} <Link
className="text-[15px] font-[400] capitalize text-white hover:underline sm:text-[16px]" href={"/"}
> className="text-[15px] font-[400] capitalize text-white underline md:text-[16px]"
{data[0].author.name} >
</Link> {data[0].author.name}
<p className="text-[15px] font-[400] text-white sm:text-[16px]"> </Link>
{dict.blog.homePage.in} </div>
</p> <div className="flex">
<Link <p className="me-2 text-[15px] font-[400] text-white sm:text-[16px]">
href={`/blog/categories/${data[0].category.name}`} {dict.blog.homePage.in}
className="text-[15px] font-[400] text-white hover:underline sm:text-[16px]" </p>
> <Link
{data[0].category.name} href={`/blog/categories/${data[0].category.name}`}
</Link> className="text-[15px] font-[400] text-white underline sm:text-[16px]"
>
{data[0].category.name}
</Link>
</div>
</div> </div>
<Link <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 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"> <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 <Link
href={"/blog/filtered-posts/new"} href={"/blog/filtered-posts/new"}
className="text-[16px] font-[400] text-blog-text-passive hover:underline" className="text-[16px] font-[400] text-blog-text-passive hover:underline"