change element component & add menu head & responsive head home

2024-08-10 03:23:34 +03:30
parent 01de360360
commit 0afe0a39b0
14 changed files with 243 additions and 69 deletions
@@ -2,17 +2,18 @@ import Image from 'next/image'
 import Link from 'next/link'
 import React from 'react'

-function Logo() {
+function Logo({ isAbsolute }) {
    return (
-        <Link href='/'>
+        <Link href='/' className={isAbsolute ? 'absolute right-[32px] top-0 z-10' : ''}>
            <div className="flex items-center justify-start gap-[5px]">
                <Image
+                    className='w-[20px] h-[20px] sm:w-[23px] sm:h-[23px] md:w-[26px] md:h-[26px] lg:w-[30px] lg:h-[30px]'
                    src='/assets/images/logo.png'
                    width={30}
                    height={30}
                    alt="logo"
                />
-                <p className="text-[#526CAC] text-[16px] font-bold font-kalame">نوبت ۷۲۴</p>
+                <p className="text-[#526CAC] text-[14px] lg:text-[16px] font-bold font-kalame">نوبت ۷۲۴</p>
            </div>
        </Link>
    )