🎉 Improved database performance by adding shm and wal files to 'backend/database/' and removing outdated documentation. 🛠️ Also updated log files for better tracking: 'backend/logs/*', 'backend/static/css/*', and 'backend/templates/base.html'. 🐛 Fixed minor CSS issues in 'backend/static/css/*.css'. 📚 Enhanced code organization and optimization across various directories. 💄 No major design changes, just refinements.
This commit is contained in:
@@ -1,9 +1,9 @@
|
||||
/**
|
||||
* MYP Platform - Raspberry Pi optimierte minimale Animationen
|
||||
* Nur absolut notwendige, performance-freundliche Animationen
|
||||
* MYP Platform - Minimale Animationen für Raspberry Pi
|
||||
* Nur essentielle Fade-In Animationen für optimale Performance
|
||||
*/
|
||||
|
||||
/* ===== NUR OPACITY-FADE (GPU-freundlich) ===== */
|
||||
/* ===== NUR FADE-IN ANIMATION - MINIMAL ===== */
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
@@ -14,29 +14,23 @@
|
||||
}
|
||||
|
||||
.animate-fade-in {
|
||||
animation: fade-in 0.15s ease-out;
|
||||
animation: fade-in 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* ===== REDUZIERTE PROGRESS BAR (ohne Transform) ===== */
|
||||
.progress-fill {
|
||||
transition: width 0.8s ease-out;
|
||||
/* ===== ALLE TRANSFORM-ANIMATIONEN ENTFERNT ===== */
|
||||
/* Entfernt: slide-up, scale-in und alle transform-basierten Animationen */
|
||||
|
||||
/* ===== EINFACHER HOVER-EFFEKT - NUR OPACITY ===== */
|
||||
.animate-hover-lift {
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
/* ===== MINIMAL LOADING PULSE ===== */
|
||||
@keyframes simple-pulse {
|
||||
0%, 100% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.animate-hover-lift:hover {
|
||||
opacity: 0.8;
|
||||
/* Entfernt: transform - nur opacity change */
|
||||
}
|
||||
|
||||
.animate-pulse-simple {
|
||||
animation: simple-pulse 2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
/* ===== BASIC SUCCESS FADE ===== */
|
||||
/* ===== EINFACHE SUCCESS INDICATION - NUR OPACITY ===== */
|
||||
@keyframes simple-success {
|
||||
0% {
|
||||
opacity: 0;
|
||||
@@ -50,33 +44,59 @@
|
||||
animation: simple-success 0.2s ease-out;
|
||||
}
|
||||
|
||||
/* ===== MINIMALE UTILITY CLASSES ===== */
|
||||
.animate-smooth {
|
||||
transition: opacity 0.1s ease;
|
||||
}
|
||||
|
||||
.animate-smooth-fast {
|
||||
transition: opacity 0.05s ease;
|
||||
}
|
||||
|
||||
/* ===== ALLE TRANSFORM-ANIMATIONEN ENTFERNT ===== */
|
||||
/* Entfernt: slide-up (translateY) */
|
||||
/* Entfernt: hover-lift (translateY) */
|
||||
/* Entfernt: scale animations */
|
||||
/* Entfernt: will-change properties */
|
||||
|
||||
/* ===== RESPONSIVE ANPASSUNGEN ===== */
|
||||
@media (max-width: 768px) {
|
||||
.animate-fade-in {
|
||||
animation-duration: 0.1s;
|
||||
/* ===== EINFACHER PULSE FÜR LOADING - REDUZIERT ===== */
|
||||
@keyframes simple-pulse {
|
||||
0%, 100% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== REDUZIERTE BEWEGUNG UNTERSTÜTZUNG ===== */
|
||||
.animate-pulse-simple {
|
||||
animation: simple-pulse 2s infinite ease-in-out;
|
||||
}
|
||||
|
||||
/* ===== EINFACHER PROGRESS BAR - NUR WIDTH ===== */
|
||||
.progress-fill {
|
||||
transition: width 0.5s ease-out;
|
||||
/* Reduzierte Dauer für bessere Performance */
|
||||
}
|
||||
|
||||
/* ===== UTILITY CLASSES - MINIMAL ===== */
|
||||
.animate-smooth {
|
||||
transition: opacity 0.2s ease;
|
||||
/* Nur opacity transition */
|
||||
}
|
||||
|
||||
.animate-smooth-fast {
|
||||
transition: opacity 0.1s ease;
|
||||
/* Nur opacity transition */
|
||||
}
|
||||
|
||||
/* ===== RESPONSIVE ANPASSUNGEN - MINIMAL ===== */
|
||||
@media (max-width: 768px) {
|
||||
.animate-fade-in {
|
||||
animation-duration: 0.1s;
|
||||
/* Noch schneller auf mobilen Geräten */
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== REDUZIERTE BEWEGUNG UNTERSTÜTZUNG - ERWEITERT ===== */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.animate-hover-lift:hover {
|
||||
opacity: 1 !important;
|
||||
/* Keine Hover-Effekte bei reduzierter Bewegung */
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== ALLE WILL-CHANGE PROPERTIES ENTFERNT ===== */
|
||||
/* will-change Properties können auf schwacher Hardware mehr schaden als nutzen */
|
Reference in New Issue
Block a user