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

42
src/app/(routes)/blog/components/home/filtered-posts/filteredPosts.tsx
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 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

46
src/app/(routes)/blog/components/home/new/new.tsx
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 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"