mukeshs/operify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Further Updates

Browse Source
This commit is contained in:
mukesh13
2025-09-05 18:14:40 +05:30
parent 78a56a061b
commit e4ef985e69
10 changed files with 97 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
app/components/Layout/Header.jsx
View File

@ -12,7 +12,7 @@ const Header = () => {
if (event) {
event.stopPropagation();
}
setOpenDropdown(current => {
if (current.includes(dropdownName)) {
// Remove this dropdown and any child dropdowns
@ -379,13 +379,34 @@ const Header = () => {
Health
</Link>
<ul className="absolute top-full left-0 bg-white shadow-lg rounded-md py-2 w-64 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 z-50 border border-gray-100">
<li>
<li className="relative group/rare">
<Link
href="/health/rare-disorders"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
className="flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
>
Rare Disorders
<svg className="w-3 h-3 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" />
</svg>
</Link>
<ul className="absolute top-0 left-full bg-white shadow-xl rounded-md py-2 w-48 opacity-0 invisible group-hover/rare:opacity-100 group-hover/rare:visible transition-all duration-300 z-50 border border-gray-100 ml-1">
<li>
<Link
href="/health/rare-disorders/exome"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
>
Exome
</Link>
</li>
<li>
<Link
href="/health/rare-disorders/exomemito"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-teal-600"
>
ExomeMito
</Link>
</li>
</ul>
</li>
<li>
<Link
@ -496,7 +517,7 @@ const Header = () => {
<span className="hidden md:inline">Get In Touch</span>
<span className="md:hidden">Contact</span>
<svg className="w-3 h-3 sm:w-4 sm:h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M5 12h14M12 5l7 7-7 7"/>
<path d="M5 12h14M12 5l7 7-7 7" />
</svg>
</Link>
{/* Mobile menu button */}
@ -544,9 +565,8 @@ const Header = () => {
>
<span>Research</span>
<svg
className={`w-4 h-4 transition-transform duration-200 ${
openDropdown.includes('research') ? 'rotate-180' : ''
}`}
className={`w-4 h-4 transition-transform duration-200 ${openDropdown.includes('research') ? 'rotate-180' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
@ -568,9 +588,8 @@ const Header = () => {
>
<span>DNA Sequencing</span>
<svg
className={`w-3 h-3 transition-transform duration-200 ${
openDropdown.includes('dna') ? 'rotate-180' : ''
}`}
className={`w-3 h-3 transition-transform duration-200 ${openDropdown.includes('dna') ? 'rotate-180' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
@ -680,9 +699,8 @@ const Header = () => {
>
<span>RNA Sequencing</span>
<svg
className={`w-3 h-3 transition-transform duration-200 ${
openDropdown.includes('rna') ? 'rotate-180' : ''
}`}
className={`w-3 h-3 transition-transform duration-200 ${openDropdown.includes('rna') ? 'rotate-180' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
@ -801,9 +819,8 @@ const Header = () => {
>
<span>Knowledge Hub</span>
<svg
className={`w-4 h-4 transition-transform duration-200 ${
openDropdown.includes('knowledge') ? 'rotate-180' : ''
}`}
className={`w-4 h-4 transition-transform duration-200 ${openDropdown.includes('knowledge') ? 'rotate-180' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
@ -858,9 +875,8 @@ const Header = () => {
>
<span>About Us</span>
<svg
className={`w-4 h-4 transition-transform duration-200 ${
openDropdown.includes('about') ? 'rotate-180' : ''
}`}
className={`w-4 h-4 transition-transform duration-200 ${openDropdown.includes('about') ? 'rotate-180' : ''
}`}
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
@ -916,7 +932,7 @@ const Header = () => {
>
<span>Get In Touch</span>
<svg className="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
<path d="M5 12h14M12 5l7 7-7 7"/>
<path d="M5 12h14M12 5l7 7-7 7" />
</svg>
</Link>
</li>