SFBadSteben/schachfreunde-badsteben
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adjust typography and layout styles in impressum, footer, and navbar

Browse Source 
Refined text sizes and spacing across components (`impressum.php`, `footer.php`, `navbar.php`) for improved consistency. Added custom styles for headings and impressum-specific elements in `input.css`.
This commit is contained in:
Tobias Feigel
2025-07-13 13:50:04 +02:00
parent 5f37dfceef
commit 2b616ab182
4 changed files with 33 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/snippets/navbar.php
+16 -16
View File
@@ -74,15 +74,15 @@
</svg>
</div>
<!-- Desktop Menu (Mitte) -->
<div class="hidden md:block">
<div class="text-l lg:text-xl hidden md:block ">
<div class="flex items-baseline space-x-4">
<!-- Einfacher Menüpunkt --><a href="/"
class="font-bold px-3 py-2 rounded-md text-base text-gray-700 transition-colors hover:text-blue-600">Home</a>
class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">Home</a>
<!-- Einfacher Menüpunkt --><a href="/news"
class="font-bold px-3 py-2 rounded-md text-base text-gray-700 transition-colors hover:text-blue-600">News</a>
class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">News</a>
<!-- Dropdown Menü 1 -->
<div class="group relative">
<button class="flex font-bold items-center px-3 py-2 rounded-md text-base text-gray-700 transition-colors hover:text-blue-600">
<button class="flex font-bold items-center px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">
Spielbetrieb
<svg class="ml-1 h-4 w-4 transform transition-transform group-hover:rotate-180"
fill="currentColor" viewBox="0 0 20 20">
@@ -94,17 +94,17 @@
<div class="invisible absolute left-0 z-10 mt-2 w-48 rounded-md bg-white opacity-0 shadow-lg transition-all duration-200 group-hover:visible group-hover:opacity-100">
<div class="py-1">
<a href="https://www.ligamanager.schachbund-bayern.de/hof/ergebnisse/spielplan.htm?ligaId=2391"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
class="block px-4 py-2 text-m text-gray-700 hover:bg-gray-100"
target="_blank">A-Klasse</a>
<a href="https://www.ligamanager.schachbund-bayern.de/hof/ergebnisse/spielplan.htm?ligaId=2392"
class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
class="block px-4 py-2 text-m text-gray-700 hover:bg-gray-100"
target="_blank">B-Klasse</a>
</div>
</div>
</div>
<!-- Dropdown Menü 2 -->
<div class="group relative">
<button class="flex font-bold items-center px-3 py-2 rounded-md text-base text-gray-700 transition-colors hover:text-blue-600">
<button class="flex font-bold items-center px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">
Über uns
<svg class="ml-1 h-4 w-4 transform transition-transform group-hover:rotate-180"
fill="currentColor" viewBox="0 0 20 20">
@@ -130,9 +130,9 @@
</div>
</div>
<!-- Einfacher Menüpunkt --><a href="/termine"
class="font-bold px-3 py-2 rounded-md text-base text-gray-700 transition-colors hover:text-blue-600">Termine</a>
class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">Termine</a>
<!-- Einfacher Menüpunkt --><a href="/kontakt"
class="font-bold px-3 py-2 rounded-md text-base text-gray-700 transition-colors hover:text-blue-600">Kontakt</a>
class="font-bold px-3 py-2 rounded-md text-gray-700 transition-colors hover:text-blue-600">Kontakt</a>
</div>
</div>
<!-- Social Media Icons (Rechts) - Nur Desktop -->
@@ -181,16 +181,16 @@
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden">
<div class="space-y-1 border-t bg-white px-2 pt-2 pb-3 sm:px-3">
<div class="text-2xl space-y-1 border-t bg-white px-2 pt-2 pb-3 sm:px-3">
<!-- Einfacher Menüpunkt -->
<a href="/"
class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">Home</a>
class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">Home</a>
<!-- Einfacher Menüpunkt -->
<a href="/news"
class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">News</a>
class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">News</a>
<!-- Mobile Dropdown 1 -->
<div class="relative">
<button class="mobile-dropdown-btn flex w-full items-center justify-between rounded-md px-3 py-2 text-left text-base font-medium text-gray-700 hover:text-blue-600">
<button class="mobile-dropdown-btn flex w-full items-center justify-between rounded-md px-3 py-2 text-left font-medium text-gray-700 hover:text-blue-600">
Spielbetrieb
<svg class="mobile-dropdown-arrow h-4 w-4 transform transition-transform"
fill="currentColor" viewBox="0 0 20 20">
@@ -208,7 +208,7 @@
</div>
<!-- Mobile Dropdown 2 -->
<div class="relative">
<button class="mobile-dropdown-btn flex w-full items-center justify-between rounded-md px-3 py-2 text-left text-base font-medium text-gray-700 hover:text-blue-600">
<button class="mobile-dropdown-btn flex w-full items-center justify-between rounded-md px-3 py-2 text-left font-medium text-gray-700 hover:text-blue-600">
Über uns
<svg class="mobile-dropdown-arrow h-4 w-4 transform transition-transform"
fill="currentColor" viewBox="0 0 20 20">
@@ -233,9 +233,9 @@
</div>
<!-- Einfache Menüpunkte -->
<a href="/termine"
class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">Termine</a>
class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">Termine</a>
<a href="/kontakt"
class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">Kontakt</a>
class="block rounded-md px-3 py-2 font-medium text-gray-700 hover:text-blue-600">Kontakt</a>
<!-- Social Media Icons im Mobile Menu -->
<div class="mt-4 border-t pt-4">
<div class="px-3 py-2">