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

website homePage design updated

Browse Source
This commit is contained in:
parsa aghaei 2024-10-20 19:15:49 +03:30
parent 9ed56c1e30
commit f619f28ed5
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(routes)/(website)/components/projects/projects.tsx
View File

@ -108,7 +108,7 @@ export default function Projects({ dict }: MyProjectsProps) {
renderSkeletons(4) // Adjust the count as needed renderSkeletons(4) // Adjust the count as needed
)} )}
</ul> </ul>
<div className="flex w-full flex-wrap items-start justify-center gap-20"> <div className="flex w-full flex-wrap items-start justify-center gap-8 lg:gap-20">
{filteredProjects.length > 0 ? ( {filteredProjects.length > 0 ? (
filteredProjects.map((project, index) => ( filteredProjects.map((project, index) => (
<div key={index} className="project flex w-[45%] flex-wrap"> <div key={index} className="project flex w-[45%] flex-wrap">

6
src/app/(routes)/(website)/components/services/services.tsx
View File

@ -49,7 +49,7 @@ export default function Services({ dict }: ServicesProps) {
const renderServiceCard = (service?: Service, index?: number) => ( const renderServiceCard = (service?: Service, index?: number) => (
<div <div
key={service?.id || index} key={service?.id || index}
className="flex mb-20 w-[45%] flex-wrap items-center rounded-lg bg-[#F8F8F8] p-[22px] lg:w-[22%]" className="flex w-[45%] flex-wrap items-center rounded-lg bg-[#F8F8F8] p-[22px] lg:w-[22%]"
> >
<div className="my-5 flex w-full justify-start"> <div className="my-5 flex w-full justify-start">
{loading ? ( {loading ? (
@ -58,7 +58,7 @@ export default function Services({ dict }: ServicesProps) {
<img src={service!.imageSrc} alt={service!.altText} /> <img src={service!.imageSrc} alt={service!.altText} />
)} )}
</div> </div>
<h3 className="w-full text-[18px] mb-5 font-[700] text-black xl:text-[23px]"> <h3 className="mb-5 w-full text-[18px] font-[700] text-black xl:text-[23px]">
{loading ? ( {loading ? (
<Skeleton containerClassName="w-full" height={32} /> <Skeleton containerClassName="w-full" height={32} />
) : ( ) : (
@ -79,7 +79,7 @@ export default function Services({ dict }: ServicesProps) {
return ( return (
<div <div
className="flex w-full max-w-[90%] flex-col flex-wrap items-center pt-[100px]" className="mb-20 flex w-full max-w-[90%] flex-col flex-wrap items-center pt-[100px]"
id="services" id="services"
> >
<h2 className="mb-10 text-[55px] font-[800] capitalize text-black"> <h2 className="mb-10 text-[55px] font-[800] capitalize text-black">

4
src/app/(routes)/(website)/layout.tsx
View File

@ -35,10 +35,10 @@ export default function RootLayout({
<div className="absolute start-0 top-0 opacity-0" id="here-is-top"></div> <div className="absolute start-0 top-0 opacity-0" id="here-is-top"></div>
<a <a
href="/#here-is-top" href="/#here-is-top"
className="rotate-90 scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center justify-center rounded-full border-2 p-5 pt-10 text-center text-[25px] font-bold text-gray hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10" className="rotate-90 scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center bg-[rgba(0,0,0,0.05)] justify-center rounded-full border-2 p-5 hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10"
id="back-to-top" id="back-to-top"
> >
{"<"} <p className="w-full -mb-1 -ms-2 text-[35px] font-bold text-[rgb(128,128,128)]">{"<"}</p>
</a> </a>
<Header /> <Header />