Diverse Fixes nach refactoring

This commit is contained in:
2025-09-16 01:31:22 +02:00
parent 5ca7b0b19c
commit 10a150cb39
8 changed files with 155 additions and 15 deletions

View File

@@ -105,24 +105,97 @@ body {
display: inline-block;
}
/* ============================================================================
NAVIGATION BUTTONS - COMPLETE REDESIGN
============================================================================ */
/* Base button styles */
.btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 0.5rem;
font-weight: 600;
font-size: 0.9rem;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
/* Primary button (Dashboard) */
.btn-primary {
background: linear-gradient(135deg, #00d4ff, #0891b2);
background: #2563eb;
color: white;
}
.btn-primary:hover {
background: #1d4ed8;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 212, 255, 0.3);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}
/* Logout button */
.btn-logout {
background: linear-gradient(135deg, #dc3545, #c82333);
background: #dc2626;
color: white;
}
.btn-logout:hover {
background: #b91c1c;
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(220, 53, 69, 0.3);
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}
/* Mobile navigation container */
.mobile-nav-buttons {
display: flex;
gap: 1rem;
align-items: center;
justify-content: flex-end;
margin: 1rem 0;
flex-wrap: wrap;
position: absolute;
top: 1rem;
right: 1rem;
}
/* Login button */
.admin-login-btn {
background: #f59e0b;
color: white;
}
.admin-login-btn:hover {
background: #d97706;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}
/* Dashboard button */
.dashboard-btn {
background: #2563eb;
color: white;
}
.dashboard-btn:hover {
background: #1d4ed8;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}
/* Logout button */
.logout-btn {
background: #dc2626;
color: white;
}
.logout-btn:hover {
background: #b91c1c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}
.dashboard-grid {

View File

@@ -32,6 +32,70 @@ body {
z-index: 1000;
}
/* Mobile Navigation Buttons */
.mobile-nav-buttons {
position: fixed;
top: 2rem;
right: 2rem;
display: flex;
gap: 1rem;
align-items: center;
z-index: 1000;
}
.mobile-nav-buttons .admin-login-btn,
.mobile-nav-buttons .dashboard-btn,
.mobile-nav-buttons .logout-btn {
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.9rem;
}
.mobile-nav-buttons .admin-login-btn {
background: #f59e0b;
color: white;
}
.mobile-nav-buttons .dashboard-btn {
background: #2563eb;
color: white;
}
.mobile-nav-buttons .logout-btn {
background: #dc2626;
color: white;
}
.mobile-nav-buttons .admin-login-btn:hover,
.mobile-nav-buttons .dashboard-btn:hover,
.mobile-nav-buttons .logout-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.mobile-nav-buttons .admin-login-btn:hover {
background: #d97706;
box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}
.mobile-nav-buttons .dashboard-btn:hover {
background: #1d4ed8;
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.4);
}
.mobile-nav-buttons .logout-btn:hover {
background: #b91c1c;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}
.language-selector select {
padding: 0.5rem 1rem;
background: rgba(15, 23, 42, 0.9);