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

🎉 Refactor Backend Logs: Reorganized and optimized log files for improved performance and maintenance. 🧱📈🔍

Browse Source
This commit is contained in:
Till Tomczak
2025-06-03 23:31:02 +02:00
parent ee1583c4ec
commit 56baed71ea
26 changed files with 1611 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
backend/static/css/performance-optimized.css
View File

@ -1,19 +1,32 @@
/* Performance-optimized CSS for MYP Application - Fast Rendering Focus */
/* ===== CRITICAL GLASSMORPHISM FOR NAVBAR - PRESERVED ===== */
/* ===== OPTIMIZED GLASSMORPHISM FOR NAVBAR - FASTER LOADING ===== */
.glass-navbar {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.92);
/* Removed backdrop-filter for better performance */
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.dark .glass-navbar {
background: rgba(15, 23, 42, 0.85);
background: rgba(15, 23, 42, 0.92);
border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Optional: Add backdrop-filter only for high-performance devices */
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
@supports (backdrop-filter: blur(10px)) {
.glass-navbar {
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.dark .glass-navbar {
background: rgba(15, 23, 42, 0.85);
}
}
}
/* ===== SIMPLIFIED GLASS EFFECTS - NO ANIMATIONS ===== */
.glass-base {
background: rgba(255, 255, 255, 0.95);
@ -118,25 +131,45 @@ select:focus {
font-size: 0.875rem;
}
/* ===== LOADING STATES - MINIMAL ===== */
/* ===== LOADING STATES - STATIC ===== */
.spinner {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border: 2px solid #f3f4f6;
border-top-color: #3b82f6;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
animation: spin 0.8s linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
/* Loading dots instead of spinner for better performance */
.loading-dots {
display: inline-flex;
gap: 0.25rem;
}
.loading-dots span {
width: 0.5rem;
height: 0.5rem;
background: #3b82f6;
border-radius: 50%;
opacity: 0.3;
}
.loading-dots span:nth-child(2) { opacity: 0.6; }
.loading-dots span:nth-child(3) { opacity: 1; }
/* ===== PERFORMANCE UTILITIES ===== */
.will-change-auto { will-change: auto; }
.gpu-accelerated { transform: translateZ(0); }
.no-transitions * { transition: none !important; }
.no-animations * { animation: none !important; }
.no-transforms * { transform: none !important; }
/* Disable all motion effects */
.reduce-motion * {
animation: none !important;
transition: none !important;
transform: none !important;
}
/* ===== REDUCED MOTION PREFERENCE ===== */
@media (prefers-reduced-motion: reduce) {