tothbt/ejc2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finish desktop view pt1

Browse Source
This commit is contained in:
Richard Toth
2026-06-19 21:42:28 +02:00
parent 9a9bbe33c0
commit 45c9b1c719
10 changed files with 272 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/header/header.html
+51 -23
View File
@@ -12,7 +12,9 @@
</div>
<div class="flex gap-6 text-[13px] font-bold text-ejc-dark">
<div>
<a class="text-ejc-dark" href="https://badmintoneurope.com">Badminton Europe</a>
<a class="text-ejc-dark" href="https://badmintoneurope.com"
>Badminton Europe</a
>
</div>
<div>
<a class="text-ejc-dark" href="https://badminton.hu">badminton.hu</a>
@@ -20,21 +22,37 @@
</div>
</div>
</div>
<div class="w-screen bg-ejc-dark-blue h-[67px] hidden md:flex items-center">
<div class="w-screen bg-ejc-dark-blue h-16.75 hidden md:flex items-center">
<div class="container mx-auto flex justify-between">
<img class="w-[21px]" src="/images/logo-small.png" alt="Logo">
<img class="w-5.25" src="/images/logo-small.png" alt="Logo" />
<div class="flex gap-6 text-[16px] font-bold text-white">
<div>
<a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('events');">Events</a>
<a
class="text-white font-extrabold cursor-pointer"
(click)="scrollTo('events');">
Events
</a>
</div>
<div>
<a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('venue');">Venue</a>
<a
class="text-white font-extrabold cursor-pointer"
(click)="scrollTo('venue');">
Venue
</a>
</div>
<div>
<a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('media');">Media</a>
<a
class="text-white font-extrabold cursor-pointer"
(click)="scrollTo('media');">
Media
</a>
</div>
<div>
<a class="text-white font-extrabold cursor-pointer" (click)="scrollTo('information');">Information</a>
<a
class="text-white font-extrabold cursor-pointer"
(click)="scrollTo('information');">
Information
</a>
</div>
</div>
</div>
@@ -63,20 +81,30 @@
</svg>
</button>
@if (isMenuOpen) {
<div #menu class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
<a class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer" (click)="scrollTo('events'); closeMenu()">
Events
</a>
<a class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer" (click)="scrollTo('venue'); closeMenu()">
Venue
</a>
<a class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer" (click)="scrollTo('media'); closeMenu()">
Media
</a>
<a class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer" (click)="scrollTo('information'); closeMenu()">
Information
</a>
</div>
}
@if (isMenuOpen) {
<div
#menu
class="absolute top-full right-0 mt-2 w-56 rounded-lg shadow-lg bg-white z-50">
<a
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
(click)="scrollTo('events'); closeMenu()">
Events
</a>
<a
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
(click)="scrollTo('venue'); closeMenu()">
Venue
</a>
<a
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
(click)="scrollTo('media'); closeMenu()">
Media
</a>
<a
class="block px-4 py-3 hover:bg-white text-ejc-dark transition-colors cursor-pointer"
(click)="scrollTo('information'); closeMenu()">
Information
</a>
</div>
}
</div>