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

finish desktop view pt2

Browse Source
This commit is contained in:
Richard Toth
2026-06-20 11:17:10 +02:00
parent 45c9b1c719
commit bb0a743979
17 changed files with 168 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/venue/venue.html
+10 -10
View File
@@ -1,7 +1,7 @@
<div class="w-screen bg-ejc-orange">
<div
class="container mx-auto px-5 py-10 flex flex-col gap-6 md:flex-row md:pb-0">
<div class="md:order-last flex-1">
class="container mx-auto px-5 py-10 flex flex-col gap-6 md:flex-row lg:pb-0 md:gap-15 lg:gap-20 xl:max-w-315 md:px-0">
<div class="md:order-last flex-1 md:flex md:items-center">
<img
class="inline-block md:hidden"
src="/images/csarnok.jpg"
@@ -11,7 +11,7 @@
src="/images/csarnok.png"
alt="Hall" />
</div>
<div class="flex flex-col gap-6 flex-1">
<div class="flex flex-col gap-6 flex-1 md:flex-2 lg:flex-1">
<div class="text-white font-extrabold text-2xl md:text-[40px]">Venue</div>
<div class="text-white text-[16px] leading-[160%]">
The Tatabánya Multifunctional Sports Hall is a state-of-the-art indoor
@@ -21,29 +21,29 @@
volleyball and other indoor sports, as well as major cultural and
sporting events.
</div>
<div class="flex flex-col gap-6 md:flex-row">
<div class="flex flex-col gap-6">
<div class="flex gap-2.5 md:flex-col">
<div class="flex flex-col gap-6 lg:flex-row lg:flex-wrap">
<div class="flex flex-col gap-6 lg:flex-row lg:w-full lg:flex">
<div class="flex gap-2.5 lg:flex-col lg:flex-1">
<app-marker></app-marker>
<div class="text-white font-bold text-[16px]">
2800 Tatabánya, Olimpikon u.
</div>
</div>
<div class="flex gap-2.5 md:flex-col">
<div class="flex gap-2.5 lg:flex-col lg:flex-1">
<app-car></app-car>
<div class="text-white font-bold text-[16px]">
500 parkingplaces are available
</div>
</div>
</div>
<div class="flex flex-col gap-6">
<div class="flex gap-2.5 md:flex-col">
<div class="flex flex-col gap-6 lg:flex-row lg:w-full lg:flex">
<div class="flex gap-2.5 lg:flex-col lg:flex-1">
<app-bus></app-bus>
<div class="text-white font-bold text-[16px]">
Shuttle buses from and to the official hotels
</div>
</div>
<div class="flex gap-2.5 md:flex-col">
<div class="flex gap-2.5 lg:flex-col lg:flex-1">
<app-bus></app-bus>
<div class="text-white font-bold text-[16px]">
The schedule is available on the Sportity app