🎨 style: update base styles and database schema for improved layout
This commit is contained in:
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user