major restructure + Permission system
This commit is contained in:
@@ -39,6 +39,13 @@
|
||||
main.sidebar-collapsed { margin-left: 4rem; }
|
||||
.toggle-btn { cursor: pointer; transition: transform 0.3s ease; }
|
||||
aside.collapsed .toggle-btn { transform: rotate(180deg); }
|
||||
/* Hide nav scrollbar when sidebar collapsed */
|
||||
aside.collapsed nav { overflow-y: hidden; overflow-x: hidden; }
|
||||
/* Subtle scrollbar inside nav */
|
||||
nav::-webkit-scrollbar { width: 4px; }
|
||||
nav::-webkit-scrollbar-track { background: transparent; }
|
||||
nav::-webkit-scrollbar-thumb { background: #4a5858; border-radius: 4px; }
|
||||
nav::-webkit-scrollbar-thumb:hover { background: #5a6868; }
|
||||
</style>
|
||||
|
||||
<!-- Prevent sidebar flash on page load -->
|
||||
@@ -110,7 +117,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<nav class="flex-1 p-4 space-y-2">
|
||||
<nav class="flex-1 p-4 space-y-2 overflow-y-auto min-h-0">
|
||||
<a href="/" class="nav-link flex items-center gap-3 px-4 py-3 rounded-lg text-gray-300 hover:bg-brand-bg-light transition-colors {% if page == 'home' %}active{% endif %}">
|
||||
<svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
|
||||
<span class="sidebar-text">Dashboard</span>
|
||||
@@ -142,6 +149,10 @@
|
||||
<svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/></svg>
|
||||
<span class="sidebar-text">Status</span>
|
||||
</a>
|
||||
<a href="/calendar" class="nav-link flex items-center gap-3 px-4 py-3 rounded-lg text-gray-300 hover:bg-brand-bg-light transition-colors {% if page == 'calendar' %}active{% endif %}">
|
||||
<svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
|
||||
<span class="sidebar-text">Mein Kalender</span>
|
||||
</a>
|
||||
{% if session and session.account_type == 'company' %}
|
||||
<a href="/company/accounts" class="nav-link flex items-center gap-3 px-4 py-3 rounded-lg text-gray-300 hover:bg-brand-bg-light transition-colors {% if page == 'accounts' %}active{% endif %}">
|
||||
<svg class="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
|
||||
|
||||
Reference in New Issue
Block a user