responsive page about-us & contact-us & item clinic

This commit is contained in:
Ehsan
2024-08-21 21:45:45 +03:30
parent dfd7360be5
commit c62fb78f8c
14 changed files with 98 additions and 54 deletions
+8 -5
View File
@@ -4,8 +4,11 @@ const about = ['سوالات متداول', 'تماس با ما', 'درباره
function RegisterPage({ children }) {
return (
<div className="flex padding-responsive items-center justify-center flex-col !bg-contain !bg-no-repeat !bg-top place-items-center h-screen w-full">
<div className="flex items-center justify-center gap-[5px]">
<div
className="flex padding-responsive items-center justify-start sm:justify-center flex-col !bg-contain !bg-no-repeat
!bg-top place-items-center h-screen w-full"
>
<div className="flex items-center justify-center gap-[5px] mt-[32px] sm:mt-0">
<Image
src='/assets/images/logo.png'
width={40}
@@ -15,11 +18,11 @@ function RegisterPage({ children }) {
<p className="text-[#5559CE] text-[20px] font-bold">نوبت ۷۲۴</p>
</div>
{children}
<div className="w-full mt-[127px]">
<div className="fixed sm:relative bottom-0 left-0 bg-[#FAFAFA] w-full mt-[127px] pb-[50px]">
<div className="bg-border-t-gradient-sign h-px w-full"></div>
<div className="flex items-center justify-center gap-[56px] mt-[36px]">
<div className="flex items-center justify-center gap-[32px] sm:gap-[40px] md:gap-[48px] lg:gap-[56px] mt-[36px]">
{about.map((item, idx) => (
<p className="text-[#494CB3] text-[16px] font-normal" key={idx}>{item}</p>
<p className="text-[#494CB3] text-[14px] md:text-[16px] font-normal" key={idx}>{item}</p>
))}
</div>
</div>