core/Projektarbeit-MYP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

📚 Improved database optimization & CSS refinements 🎉

Browse Source
This commit is contained in:
Till Tomczak
2025-06-04 00:15:15 +02:00
parent 0802c2b175
commit f81da17648
14 changed files with 164 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
backend/templates/base.html
View File

@ -368,42 +368,18 @@
</svg>
</button>
<!-- Dark Mode Toggle - Moderner, schöner Design -->
<div class="relative">
<button
id="darkModeToggle"
class="dark-mode-toggle-premium group"
aria-label="Dark Mode umschalten"
data-action="toggle-dark-mode"
title="Design wechseln"
>
<!-- Haupt-Container - Optimized without backdrop-blur -->
<div class="relative flex items-center justify-center w-11 h-11 rounded-full bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-600 shadow-sm">
<!-- Sonnen-Icon (Light Mode) - Static -->
<div class="sun-icon absolute inset-0 flex items-center justify-center opacity-100 dark:opacity-0">
<svg class="w-5 h-5 text-amber-500" fill="currentColor" viewBox="0 0 24 24">
<path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"/>
</svg>
</div>
<!-- Mond-Icon (Dark Mode) - Static -->
<div class="moon-icon absolute inset-0 flex items-center justify-center opacity-0 dark:opacity-100">
<svg class="w-5 h-5 text-blue-400" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M9.528 1.718a.75.75 0 01.162.819A8.97 8.97 0 009 6a9 9 0 009 9 8.97 8.97 0 003.463-.69.75.75 0 01.981.98 10.503 10.503 0 01-9.694 6.46c-5.799 0-10.5-4.701-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 01.818.162z" clip-rule="evenodd"/>
</svg>
</div>
</div>
</button>
<!-- Tooltip -->
<div class="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-2 py-1 bg-slate-900 dark:bg-slate-700 text-white text-xs rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity duration-200 pointer-events-none z-50">
<span class="dark:hidden">Dark Mode aktivieren</span>
<span class="hidden dark:inline">Light Mode aktivieren</span>
<div class="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-900 dark:border-t-slate-700"></div>
</div>
</div>
<!-- Dark Mode Toggle - Clean and Modern -->
<button
id="darkModeToggle"
class="dark-mode-toggle"
aria-label="Dark Mode umschalten"
title="Design wechseln"
>
<span class="dark-mode-toggle-slider">
<i class="fas fa-sun dark-mode-toggle-icon sun absolute inset-0 flex items-center justify-center"></i>
<i class="fas fa-moon dark-mode-toggle-icon moon absolute inset-0 flex items-center justify-center opacity-0"></i>
</span>
</button>
{% if current_user.is_authenticated %}
<!-- Benachrichtigungen - kompakteres Design -->