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

"Refactor dashboard

Browse Source
This commit is contained in:
Till Tomczak
2025-05-29 16:28:15 +02:00
parent fb148832c6
commit bb0dd812a1
2 changed files with 437 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
backend/app/templates/dashboard.html
View File

@@ -200,26 +200,49 @@
/* Light/Dark Mode compatible cards */
.glass-card-light {
@apply bg-white/70 dark:bg-black/80 backdrop-blur-lg border border-gray-200/80 dark:border-slate-700/30 rounded-xl shadow-xl transition-all duration-300;
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(229, 231, 235, 0.8);
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.dark .glass-card-light {
background: rgba(0, 0, 0, 0.8);
border-color: rgba(100, 116, 139, 0.3);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.section-title {
@apply text-slate-800 dark:text-white text-xl font-semibold mb-4;
color: #1e293b;
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 1rem;
}
.dark .section-title {
color: #ffffff;
}
.stat-value {
@apply text-slate-900 dark:text-white font-bold text-2xl;
color: #0f172a;
font-weight: 700;
font-size: 1.5rem;
}
.dark .stat-value {
color: #ffffff;
}
.stat-label {
@apply text-slate-500 dark:text-slate-400 text-sm;
color: #64748b;
font-size: 0.875rem;
}
.dark .stat-label {
color: #94a3b8;
}
</style>
{% endblock %}