parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home page mobile biew debugged

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/(routes)/blog/components/home/filtered-posts/filteredPosts.tsx
View File

@ -56,26 +56,30 @@ 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">
<p className="me-2 text-[15px] font-[400] text-white md:text-[16px]">
{dict.blog.homePage.by} {dict.blog.homePage.by}
</p> </p>
<Link <Link
href={"/"} href={"/"}
className="text-[15px] font-[400] capitalize text-white hover:underline sm:text-[16px]" className="text-[15px] font-[400] capitalize text-white underline md:text-[16px]"
> >
{data[0].author.name} {data[0].author.name}
</Link> </Link>
<p className="text-[15px] font-[400] text-white sm:text-[16px]"> </div>
<div className="flex">
<p className="me-2 text-[15px] font-[400] text-white sm:text-[16px]">
{dict.blog.homePage.in} {dict.blog.homePage.in}
</p> </p>
<Link <Link
href={`/blog/categories/${data[0].category.slug}`} href={`/blog/categories/${data[0].category.name}`}
className="text-[15px] font-[400] text-white hover:underline sm:text-[16px]" className="text-[15px] font-[400] text-white underline sm:text-[16px]"
> >
{data[0].category.name} {data[0].category.name}
</Link> </Link>
</div> </div>
</div>
<Link <Link
href={`/blog/posts/${data[0].slug}`} href={`/blog/posts/${data[0].slug}`}

18
src/app/(routes)/blog/components/home/new/new.tsx
View File

@ -22,26 +22,30 @@ 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">
<p className="me-2 text-[15px] font-[400] text-white md:text-[16px]">
{dict.blog.homePage.by} {dict.blog.homePage.by}
</p> </p>
<Link <Link
href={"/"} href={"/"}
className="text-[15px] font-[400] capitalize text-white hover:underline sm:text-[16px]" className="text-[15px] font-[400] capitalize text-white underline md:text-[16px]"
> >
{data[0].author.name} {data[0].author.name}
</Link> </Link>
<p className="text-[15px] font-[400] text-white sm:text-[16px]"> </div>
<div className="flex">
<p className="me-2 text-[15px] font-[400] text-white sm:text-[16px]">
{dict.blog.homePage.in} {dict.blog.homePage.in}
</p> </p>
<Link <Link
href={`/blog/categories/${data[0].category.name}`} href={`/blog/categories/${data[0].category.name}`}
className="text-[15px] font-[400] text-white hover:underline sm:text-[16px]" className="text-[15px] font-[400] text-white underline sm:text-[16px]"
> >
{data[0].category.name} {data[0].category.name}
</Link> </Link>
</div> </div>
</div>
<Link <Link
href={`/blog/posts/${data[0].slug}`} href={`/blog/posts/${data[0].slug}`}
@ -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"