🎉 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:
@@ -43,7 +43,7 @@
|
||||
--dark-shadow-strong: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Hero-Header */
|
||||
/* Vereinfachte Hero-Header - Raspberry Pi Optimiert */
|
||||
.professional-hero {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
@@ -52,65 +52,45 @@
|
||||
margin-bottom: 2rem;
|
||||
background: var(--light-bg-secondary);
|
||||
border: 1px solid var(--light-border);
|
||||
box-shadow: 0 2px 8px var(--light-shadow);
|
||||
}
|
||||
|
||||
.professional-hero:hover {
|
||||
box-shadow: 0 4px 12px var(--light-shadow-strong);
|
||||
/* Entfernt: box-shadow, transition, hover-transform */
|
||||
}
|
||||
|
||||
.dark .professional-hero {
|
||||
background: var(--dark-bg-secondary);
|
||||
border: 1px solid var(--dark-border);
|
||||
box-shadow: 0 8px 20px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Container */
|
||||
/* Vereinfachte Container - Raspberry Pi Optimiert */
|
||||
.professional-container {
|
||||
background: var(--light-surface);
|
||||
border: 1px solid var(--light-border);
|
||||
border-radius: 0.75rem;
|
||||
box-shadow: 0 1px 4px var(--light-shadow);
|
||||
/* Entfernt: box-shadow, transition, hover-transform */
|
||||
}
|
||||
|
||||
.dark .professional-container {
|
||||
background: var(--dark-surface);
|
||||
border: 1px solid var(--dark-border);
|
||||
box-shadow: 0 2px 8px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow, hover-effects */
|
||||
}
|
||||
|
||||
.professional-container:hover {
|
||||
box-shadow: 0 2px 8px var(--light-shadow-strong);
|
||||
}
|
||||
|
||||
.dark .professional-container:hover {
|
||||
box-shadow: 0 8px 20px var(--dark-shadow-strong);
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Glassmorphism-Ersatz */
|
||||
/* Vereinfachte Glassmorphism-Effekte - Raspberry Pi Optimiert */
|
||||
.mb-glass {
|
||||
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);
|
||||
background: rgba(255, 255, 255, 0.98);
|
||||
border: 1px solid rgba(229, 231, 235, 0.4);
|
||||
/* Entfernt: backdrop-filter, box-shadow, transition, hover-transform */
|
||||
}
|
||||
|
||||
.dark .mb-glass {
|
||||
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);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
/* Entfernt: box-shadow, hover-effects */
|
||||
}
|
||||
|
||||
.mb-glass:hover {
|
||||
background: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.dark .mb-glass:hover {
|
||||
background: rgba(15, 23, 42, 1);
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Buttons */
|
||||
/* Vereinfachte Buttons - Raspberry Pi Optimiert */
|
||||
.btn-professional {
|
||||
background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 100%);
|
||||
background: var(--mb-primary);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 0.5rem;
|
||||
@@ -119,18 +99,15 @@
|
||||
font-size: 0.875rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.025em;
|
||||
box-shadow: 0 1px 4px rgba(0, 115, 206, 0.2);
|
||||
/* Entfernt: gradient, transition, box-shadow, hover-transform */
|
||||
}
|
||||
|
||||
.btn-professional:hover {
|
||||
box-shadow: 0 2px 8px rgba(0, 115, 206, 0.3);
|
||||
background: var(--mb-primary-dark);
|
||||
/* Nur Background-Color Change */
|
||||
}
|
||||
|
||||
.btn-professional:active {
|
||||
box-shadow: 0 1px 2px rgba(0, 115, 206, 0.3);
|
||||
}
|
||||
|
||||
/* Secondary Button */
|
||||
/* Secondary Button - Raspberry Pi Optimiert */
|
||||
.btn-secondary-professional {
|
||||
background: var(--light-surface);
|
||||
color: var(--light-text-primary);
|
||||
@@ -139,27 +116,27 @@
|
||||
padding: 0.75rem 1.5rem;
|
||||
font-weight: 600;
|
||||
font-size: 0.875rem;
|
||||
transition: all 0.2s ease;
|
||||
box-shadow: 0 1px 4px var(--light-shadow);
|
||||
/* Entfernt: transition, box-shadow, hover-transform */
|
||||
}
|
||||
|
||||
.dark .btn-secondary-professional {
|
||||
background: var(--dark-surface);
|
||||
color: var(--dark-text-primary);
|
||||
border-color: var(--dark-border-strong);
|
||||
box-shadow: 0 2px 8px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
.btn-secondary-professional:hover {
|
||||
background: var(--light-surface-hover);
|
||||
border-color: var(--mb-primary);
|
||||
/* Nur Background und Border-Color Change */
|
||||
}
|
||||
|
||||
.dark .btn-secondary-professional:hover {
|
||||
background: var(--dark-surface-hover);
|
||||
}
|
||||
|
||||
/* Vereinfachte Input Fields */
|
||||
/* Vereinfachte Input Fields - Raspberry Pi Optimiert */
|
||||
.input-professional {
|
||||
background: var(--light-surface);
|
||||
border: 1px solid var(--light-border);
|
||||
@@ -167,20 +144,19 @@
|
||||
padding: 0.75rem 1rem;
|
||||
color: var(--light-text-primary);
|
||||
font-size: 0.875rem;
|
||||
transition: border-color 0.2s ease, box-shadow 0.2s ease;
|
||||
box-shadow: 0 1px 4px var(--light-shadow);
|
||||
/* Entfernt: transition, box-shadow, focus-transform */
|
||||
}
|
||||
|
||||
.dark .input-professional {
|
||||
background: var(--dark-surface);
|
||||
border-color: var(--dark-border);
|
||||
color: var(--dark-text-primary);
|
||||
box-shadow: 0 2px 4px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
.input-professional:focus {
|
||||
border-color: var(--mb-primary);
|
||||
box-shadow: 0 0 0 2px rgba(0, 115, 206, 0.1);
|
||||
/* Nur Border-Color Change */
|
||||
}
|
||||
|
||||
.input-professional::placeholder {
|
||||
@@ -191,47 +167,35 @@
|
||||
color: var(--dark-text-muted);
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Cards */
|
||||
/* Vereinfachte Cards - Raspberry Pi Optimiert */
|
||||
.card-professional {
|
||||
background: var(--light-surface);
|
||||
border: 1px solid var(--light-border);
|
||||
border-radius: 0.75rem;
|
||||
padding: 1.5rem;
|
||||
box-shadow: 0 1px 4px var(--light-shadow);
|
||||
}
|
||||
|
||||
.card-professional:hover {
|
||||
box-shadow: 0 2px 8px var(--light-shadow-strong);
|
||||
/* Entfernt: box-shadow, transition, hover-transform */
|
||||
}
|
||||
|
||||
.dark .card-professional {
|
||||
background: var(--dark-surface);
|
||||
border-color: var(--dark-border);
|
||||
box-shadow: 0 4px 12px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow, hover-effects */
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Statistics Cards */
|
||||
/* Vereinfachte Statistics Cards - Raspberry Pi Optimiert */
|
||||
.stat-card {
|
||||
background: var(--light-surface);
|
||||
border: 1px solid var(--light-border);
|
||||
border-radius: 0.75rem;
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
box-shadow: 0 1px 4px var(--light-shadow);
|
||||
/* Entfernt: transition, box-shadow, hover-transform */
|
||||
}
|
||||
|
||||
.dark .stat-card {
|
||||
background: var(--dark-surface);
|
||||
border-color: var(--dark-border);
|
||||
box-shadow: 0 2px 8px var(--dark-shadow);
|
||||
}
|
||||
|
||||
.stat-card:hover {
|
||||
box-shadow: 0 2px 8px var(--light-shadow-strong);
|
||||
}
|
||||
|
||||
.dark .stat-card:hover {
|
||||
box-shadow: 0 4px 12px var(--dark-shadow-strong);
|
||||
/* Entfernt: box-shadow, hover-effects */
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
@@ -258,7 +222,7 @@
|
||||
color: var(--dark-text-muted);
|
||||
}
|
||||
|
||||
/* Raspberry Pi optimierte Status Badges */
|
||||
/* Vereinfachte Status Badges - Raspberry Pi Optimiert */
|
||||
.status-professional {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -270,10 +234,9 @@
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
border: 1px solid transparent;
|
||||
/* Entfernt: transition, hover-scale */
|
||||
}
|
||||
|
||||
/* Status hover-effect entfernt für bessere Performance */
|
||||
|
||||
/* Status Indicators */
|
||||
.status-online {
|
||||
background: #ecfdf5;
|
||||
@@ -335,19 +298,19 @@
|
||||
color: var(--dark-text-muted);
|
||||
}
|
||||
|
||||
/* Professional Navigation */
|
||||
/* Professional Navigation - Raspberry Pi Optimiert */
|
||||
.nav-professional {
|
||||
background: var(--light-bg-secondary);
|
||||
border: 1px solid var(--light-border);
|
||||
border-radius: 0.75rem;
|
||||
padding: 0.5rem;
|
||||
box-shadow: 0 2px 8px var(--light-shadow);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
.dark .nav-professional {
|
||||
background: var(--dark-bg-secondary);
|
||||
border-color: var(--dark-border);
|
||||
box-shadow: 0 4px 12px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
.nav-item-professional {
|
||||
@@ -359,9 +322,9 @@
|
||||
color: var(--light-text-secondary);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: all 0.2s ease;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
/* Entfernt: transition, hover-transform, box-shadow */
|
||||
}
|
||||
|
||||
.dark .nav-item-professional {
|
||||
@@ -371,7 +334,7 @@
|
||||
.nav-item-professional:hover {
|
||||
background: var(--light-surface-hover);
|
||||
color: var(--light-text-primary);
|
||||
box-shadow: 0 1px 4px var(--light-shadow);
|
||||
/* Nur Background und Color Change */
|
||||
}
|
||||
|
||||
.dark .nav-item-professional:hover {
|
||||
@@ -380,51 +343,41 @@
|
||||
}
|
||||
|
||||
.nav-item-professional.active {
|
||||
background: linear-gradient(135deg, rgba(0, 115, 206, 0.1) 0%, rgba(0, 115, 206, 0.05) 100%);
|
||||
background: rgba(0, 115, 206, 0.1);
|
||||
color: var(--mb-primary);
|
||||
font-weight: 600;
|
||||
border: 1px solid var(--light-border-strong);
|
||||
box-shadow: 0 2px 8px var(--light-shadow);
|
||||
/* Entfernt: gradient, box-shadow */
|
||||
}
|
||||
|
||||
.dark .nav-item-professional.active {
|
||||
background: rgba(59, 130, 246, 0.2);
|
||||
}
|
||||
|
||||
/* Professional Tables */
|
||||
/* Professional Tables - Raspberry Pi Optimiert */
|
||||
.table-professional {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: var(--light-bg-secondary);
|
||||
border-radius: 0.75rem;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2px 8px var(--light-shadow);
|
||||
border: 1px solid var(--light-border);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
.dark .table-professional {
|
||||
background: var(--dark-bg-secondary);
|
||||
box-shadow: 0 4px 12px var(--dark-shadow);
|
||||
/* Entfernt: box-shadow */
|
||||
}
|
||||
|
||||
.table-professional th {
|
||||
background: linear-gradient(135deg, var(--light-bg-tertiary) 0%, var(--light-bg-secondary) 100%);
|
||||
background: var(--light-bg-tertiary);
|
||||
color: var(--light-text-primary);
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
padding: 1rem 1.5rem;
|
||||
border-bottom: 1px solid var(--light-border);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.table-professional th::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background: linear-gradient(90deg, transparent 0%, var(--light-border-strong) 50%, transparent 100%);
|
||||
/* Entfernt: gradient, ::after pseudo-element */
|
||||
}
|
||||
|
||||
.dark .table-professional th {
|
||||
@@ -437,7 +390,7 @@
|
||||
padding: 1rem 1.5rem;
|
||||
border-bottom: 1px solid var(--light-border);
|
||||
color: var(--light-text-secondary);
|
||||
transition: all 0.2s ease;
|
||||
/* Entfernt: transition */
|
||||
}
|
||||
|
||||
.dark .table-professional td {
|
||||
@@ -447,13 +400,14 @@
|
||||
|
||||
.table-professional tbody tr:hover {
|
||||
background: var(--light-surface-hover);
|
||||
/* Entfernt: transform, box-shadow */
|
||||
}
|
||||
|
||||
.dark .table-professional tbody tr:hover {
|
||||
background: var(--dark-surface-hover);
|
||||
}
|
||||
|
||||
/* Professional Alerts */
|
||||
/* Professional Alerts - Raspberry Pi Optimiert */
|
||||
.alert-professional {
|
||||
border-radius: 1rem;
|
||||
padding: 1.5rem;
|
||||
@@ -462,9 +416,8 @@
|
||||
align-items: flex-start;
|
||||
gap: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
box-shadow: 0 4px 15px var(--light-shadow);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* Entfernt: box-shadow, overflow */
|
||||
}
|
||||
|
||||
.alert-professional::before {
|
||||
|
||||
Reference in New Issue
Block a user