diff --git a/templates/base.html b/templates/base.html index 2e32f6b..5ec4b52 100755 --- a/templates/base.html +++ b/templates/base.html @@ -369,6 +369,127 @@ color: var(--primary); } + /* Admin Bar */ + .admin-bar { + background: linear-gradient(135deg, #1e293b 0%, #334155 100%); + border-bottom: 1px solid rgba(255,255,255,0.1); + padding: 0 var(--spacing-md); + } + + .admin-bar-inner { + max-width: 1400px; + margin: 0 auto; + display: flex; + align-items: center; + gap: var(--spacing-xs); + } + + .admin-bar-label { + display: flex; + align-items: center; + gap: 6px; + color: rgba(255,255,255,0.7); + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.5px; + padding: 10px 12px 10px 0; + border-right: 1px solid rgba(255,255,255,0.15); + margin-right: var(--spacing-xs); + } + + .admin-bar-label svg { + width: 14px; + height: 14px; + opacity: 0.8; + } + + .admin-dropdown { + position: relative; + } + + .admin-dropdown-trigger { + display: flex; + align-items: center; + gap: 4px; + padding: 10px 14px; + color: rgba(255,255,255,0.85); + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + cursor: pointer; + transition: all 0.15s ease; + border-radius: var(--radius); + } + + .admin-dropdown-trigger:hover { + background: rgba(255,255,255,0.1); + color: #fff; + } + + .admin-dropdown-trigger svg { + width: 12px; + height: 12px; + opacity: 0.6; + transition: transform 0.15s ease; + } + + .admin-dropdown:hover .admin-dropdown-trigger svg { + transform: rotate(180deg); + } + + .admin-dropdown-menu { + display: none; + position: absolute; + top: 100%; + left: 0; + background: var(--surface); + border: 1px solid var(--border); + border-radius: var(--radius); + box-shadow: var(--shadow-lg); + min-width: 180px; + padding: var(--spacing-xs) 0; + z-index: 300; + } + + .admin-dropdown:hover .admin-dropdown-menu { + display: block; + } + + .admin-dropdown-menu a { + display: flex; + align-items: center; + gap: 10px; + padding: 10px 14px; + color: var(--text-primary); + text-decoration: none; + font-size: 13px; + transition: all 0.15s ease; + } + + .admin-dropdown-menu a:hover { + background: var(--background); + color: var(--primary); + } + + .admin-dropdown-menu a svg { + width: 16px; + height: 16px; + color: var(--text-secondary); + flex-shrink: 0; + } + + .admin-dropdown-menu a:hover svg { + color: var(--primary); + } + + @media (max-width: 768px) { + .admin-bar { + display: none; + } + } + /* Mobile menu toggle */ .nav-toggle { display: none; @@ -851,21 +972,6 @@ Wiadomości - {% if current_user.is_admin %} -
- - Użytkownicy - Rekomendacje - Składki członkowskie - Kalendarz - Social Media - Audyt SEO - Audyt IT - Audyt GBP - Audyt Social - Analityka Chatu - Debug Panel - {% endif %}