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

"feat: Update admin features

Browse Source
This commit is contained in:
Till Tomczak
2025-05-29 12:19:52 +02:00
parent 1dc335709b
commit 51601516f4
5 changed files with 739 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
backend/app/static/css/input.css
View File

@@ -953,13 +953,13 @@
display: none;
}
/* User Menu Button - Neues Design */
/* User Menu Button - Kompakteres Design */
.user-menu-button-new {
@apply flex items-center space-x-2 rounded-lg p-1.5 transition-all duration-300;
@apply flex items-center space-x-1.5 rounded-lg p-1 transition-all duration-300;
background: rgba(241, 245, 249, 0.6);
border: 1px solid rgba(255, 255, 255, 0.6);
box-shadow:
0 2px 10px rgba(0, 0, 0, 0.04),
0 2px 8px rgba(0, 0, 0, 0.04),
0 1px 2px rgba(0, 0, 0, 0.02);
}
@@ -967,50 +967,50 @@
@apply transform -translate-y-0.5;
background: rgba(241, 245, 249, 0.8);
box-shadow:
0 10px 20px rgba(0, 0, 0, 0.06),
0 2px 6px rgba(0, 0, 0, 0.04);
0 8px 16px rgba(0, 0, 0, 0.06),
0 2px 4px rgba(0, 0, 0, 0.04);
}
.dark .user-menu-button-new {
background: rgba(30, 41, 59, 0.6);
border: 1px solid rgba(255, 255, 255, 0.08);
box-shadow:
0 2px 10px rgba(0, 0, 0, 0.15),
0 2px 8px rgba(0, 0, 0, 0.15),
0 1px 2px rgba(0, 0, 0, 0.1);
}
.dark .user-menu-button-new:hover {
background: rgba(30, 41, 59, 0.8);
box-shadow:
0 10px 20px rgba(0, 0, 0, 0.15),
0 2px 6px rgba(0, 0, 0, 0.1);
0 8px 16px rgba(0, 0, 0, 0.15),
0 2px 4px rgba(0, 0, 0, 0.1);
}
/* User Avatar - Neues Design */
/* User Avatar - Kompakteres Design */
.user-avatar-new {
@apply h-8 w-8 rounded-full flex items-center justify-center text-white font-semibold text-sm shadow-md transition-all duration-300;
@apply h-7 w-7 rounded-full flex items-center justify-center text-white font-semibold text-xs shadow-md transition-all duration-300;
background: linear-gradient(135deg, #000000, #333333);
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.2),
0 1px 3px rgba(0, 0, 0, 0.1);
0 2px 4px rgba(0, 0, 0, 0.2),
0 1px 2px rgba(0, 0, 0, 0.1);
}
.dark .user-avatar-new {
background: linear-gradient(135deg, #f8fafc, #e2e8f0);
color: #0f172a;
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.3),
0 1px 3px rgba(0, 0, 0, 0.2);
0 2px 4px rgba(0, 0, 0, 0.3),
0 1px 2px rgba(0, 0, 0, 0.2);
}
/* Login Button - Neues Design */
/* Login Button - Kompakteres Design */
.login-button-new {
@apply flex items-center px-4 py-2 rounded-lg text-sm font-medium shadow-sm transition-all duration-300;
@apply flex items-center px-3 py-1.5 rounded-lg text-xs font-medium shadow-sm transition-all duration-300;
background: #000000;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow:
0 2px 10px rgba(0, 0, 0, 0.1),
0 2px 8px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.08);
}
@@ -1018,8 +1018,8 @@
@apply transform -translate-y-0.5;
background: #333333;
box-shadow:
0 10px 20px rgba(0, 0, 0, 0.15),
0 3px 6px rgba(0, 0, 0, 0.1);
0 8px 16px rgba(0, 0, 0, 0.15),
0 3px 4px rgba(0, 0, 0, 0.1);
}
.dark .login-button-new {
@@ -1027,18 +1027,18 @@
color: #000000;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow:
0 2px 10px rgba(0, 0, 0, 0.2),
0 2px 8px rgba(0, 0, 0, 0.2),
0 1px 2px rgba(0, 0, 0, 0.15);
}
.dark .login-button-new:hover {
background: #f1f5f9;
box-shadow:
0 10px 20px rgba(0, 0, 0, 0.25),
0 3px 6px rgba(0, 0, 0, 0.2);
0 8px 16px rgba(0, 0, 0, 0.25),
0 3px 4px rgba(0, 0, 0, 0.2);
}
/* Mobile Menu - Neues Design */
/* Mobile Menu - Kompakteres Design */
.mobile-menu-new {
@apply w-full overflow-hidden transition-all duration-300 z-40;
background: rgba(255, 255, 255, 0.8);
@@ -1051,7 +1051,7 @@
}
.mobile-menu-new.open {
max-height: 500px;
max-height: 400px;
opacity: 1;
border-bottom: 1px solid rgba(241, 245, 249, 0.8);
}
@@ -1063,7 +1063,7 @@
}
.mobile-nav-item {
@apply flex items-center space-x-3 px-4 py-3 rounded-lg text-slate-800 dark:text-slate-200 transition-all duration-300;
@apply flex items-center space-x-2.5 px-3 py-2.5 rounded-lg text-sm text-slate-800 dark:text-slate-200 transition-all duration-300;
}
.mobile-nav-item:hover {