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

🎉📚 Optimized logs and CSS for Raspberry Pi performance:

Browse Source
This commit is contained in:
Till Tomczak
2025-06-02 07:12:50 +02:00
parent a08fe8fec4
commit 43c8c195dd
23 changed files with 1006 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
backend/static/css/professional-theme.css
View File

@@ -65,55 +65,50 @@
box-shadow: 0 8px 20px var(--dark-shadow);
}
/* Vereinfachte Container */
/* Raspberry Pi optimierte Container */
.professional-container {
background: var(--light-surface);
border: 1px solid var(--light-border);
border-radius: 0.75rem;
box-shadow: 0 2px 8px var(--light-shadow);
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 1px 4px var(--light-shadow);
}
.dark .professional-container {
background: var(--dark-surface);
border: 1px solid var(--dark-border);
box-shadow: 0 4px 12px var(--dark-shadow);
box-shadow: 0 2px 8px var(--dark-shadow);
}
.professional-container:hover {
transform: translateY(-1px);
box-shadow: 0 4px 16px var(--light-shadow-strong);
box-shadow: 0 2px 8px var(--light-shadow-strong);
}
.dark .professional-container:hover {
box-shadow: 0 8px 20px var(--dark-shadow-strong);
}
/* Vereinfachte Glassmorphism-Effekte */
/* Raspberry Pi optimierte Glassmorphism-Ersatz */
.mb-glass {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
border: 1px solid rgba(229, 231, 235, 0.4);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
transition: transform 0.2s ease, background 0.2s ease;
background: rgba(255, 255, 255, 0.95);
border: 1px solid rgba(229, 231, 235, 0.6);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
.dark .mb-glass {
background: rgba(15, 23, 42, 0.85);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
background: rgba(15, 23, 42, 0.95);
border: 1px solid rgba(51, 65, 85, 0.6);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.mb-glass:hover {
background: rgba(255, 255, 255, 0.95);
transform: translateY(-1px);
background: rgba(255, 255, 255, 1);
}
.dark .mb-glass:hover {
background: rgba(15, 23, 42, 0.9);
background: rgba(15, 23, 42, 1);
}
/* Vereinfachte Buttons */
/* Raspberry Pi optimierte Buttons */
.btn-professional {
background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);
color: white;
@@ -124,17 +119,15 @@
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.025em;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 2px 8px rgba(0, 115, 206, 0.2);
box-shadow: 0 1px 4px rgba(0, 115, 206, 0.2);
}
.btn-professional:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 115, 206, 0.3);
box-shadow: 0 2px 8px rgba(0, 115, 206, 0.3);
}
.btn-professional:active {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(0, 115, 206, 0.3);
}
/* Secondary Button */
@@ -160,7 +153,6 @@
.btn-secondary-professional:hover {
background: var(--light-surface-hover);
border-color: var(--mb-primary);
transform: translateY(-1px);
}
.dark .btn-secondary-professional:hover {
@@ -188,8 +180,7 @@
.input-professional:focus {
border-color: var(--mb-primary);
box-shadow: 0 0 0 3px rgba(0, 115, 206, 0.1);
transform: translateY(-1px);
box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.1);
}
.input-professional::placeholder {
@@ -200,19 +191,17 @@
color: var(--dark-text-muted);
}
/* Vereinfachte Cards */
/* Raspberry Pi optimierte Cards */
.card-professional {
background: var(--light-surface);
border: 1px solid var(--light-border);
border-radius: 0.75rem;
padding: 1.5rem;
box-shadow: 0 2px 8px var(--light-shadow);
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 1px 4px var(--light-shadow);
}
.card-professional:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px var(--light-shadow-strong);
box-shadow: 0 2px 8px var(--light-shadow-strong);
}
.dark .card-professional {
@@ -221,30 +210,28 @@
box-shadow: 0 4px 12px var(--dark-shadow);
}
/* Vereinfachte Statistics Cards */
/* Raspberry Pi optimierte Statistics Cards */
.stat-card {
background: var(--light-surface);
border: 1px solid var(--light-border);
border-radius: 0.75rem;
padding: 1.5rem;
text-align: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 2px 8px var(--light-shadow);
box-shadow: 0 1px 4px var(--light-shadow);
}
.dark .stat-card {
background: var(--dark-surface);
border-color: var(--dark-border);
box-shadow: 0 4px 12px var(--dark-shadow);
box-shadow: 0 2px 8px var(--dark-shadow);
}
.stat-card:hover {
transform: translateY(-1px);
box-shadow: 0 4px 16px var(--light-shadow-strong);
box-shadow: 0 2px 8px var(--light-shadow-strong);
}
.dark .stat-card:hover {
box-shadow: 0 8px 20px var(--dark-shadow-strong);
box-shadow: 0 4px 12px var(--dark-shadow-strong);
}
.stat-number {
@@ -271,7 +258,7 @@
color: var(--dark-text-muted);
}
/* Vereinfachte Status Badges */
/* Raspberry Pi optimierte Status Badges */
.status-professional {
display: inline-flex;
align-items: center;
@@ -282,13 +269,10 @@
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: transform 0.2s ease;
border: 1px solid transparent;
}
.status-professional:hover {
transform: scale(1.02);
}
/* Status hover-effect entfernt für bessere Performance */
/* Status Indicators */
.status-online {
@@ -387,8 +371,7 @@
.nav-item-professional:hover {
background: var(--light-surface-hover);
color: var(--light-text-primary);
transform: translateX(4px);
box-shadow: 0 2px 8px var(--light-shadow);
box-shadow: 0 1px 4px var(--light-shadow);
}
.dark .nav-item-professional:hover {
@@ -464,8 +447,6 @@
.table-professional tbody tr:hover {
background: var(--light-surface-hover);
transform: scale(1.005);
box-shadow: 0 2px 8px var(--light-shadow);
}
.dark .table-professional tbody tr:hover {