🎨 style: update base styles and database schema for improved layout

This commit is contained in:
2025-05-02 18:14:04 +02:00
parent 7f33dea278
commit 460c3f987e
3 changed files with 63 additions and 33 deletions

View File

@@ -326,20 +326,10 @@
<!-- Dark/Light Mode Schalter -->
<button
@click="toggleDarkMode()"
class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-300 focus:outline-none"
:class="darkMode ? 'bg-purple-600' : 'bg-gray-200'"
class="theme-toggle"
:class="{ 'dark': darkMode }"
aria-label="Dark Mode umschalten"
>
<span class="sr-only">Dark Mode umschalten</span>
<!-- Schieberegler -->
<span
class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform duration-300"
:class="darkMode ? 'translate-x-6' : 'translate-x-1'"
></span>
<!-- Icons -->
<i class="fas fa-sun absolute left-1 text-yellow-400 transition-opacity duration-300"
:class="darkMode ? 'opacity-0' : 'opacity-100'"></i>
<i class="fas fa-moon absolute right-1 text-gray-100 transition-opacity duration-300"
:class="darkMode ? 'opacity-100' : 'opacity-0'"></i>
</button>
<!-- Profil-Link oder Login -->
{% if current_user.is_authenticated %}