34 lines
2.0 KiB
HTML
34 lines
2.0 KiB
HTML
|
{# 导航栏 #}
|
||
|
|
<nav class="h-16 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between px-6 shadow-sm">
|
||
|
|
<div class="flex items-center gap-4">
|
||
|
|
<a href="{{ url_for('web.index') }}" class="flex items-center gap-2">
|
||
|
|
<div class="w-8 h-8 bg-primary-600 rounded-lg flex items-center justify-center">
|
||
|
|
<span class="text-white font-bold">智</span>
|
||
|
|
</div>
|
||
|
|
<span class="text-xl font-semibold dark:text-white">智队中枢</span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="flex items-center gap-4">
|
||
|
|
{# 主题切换按钮 #}
|
||
|
|
<button id="theme-toggle" class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors" title="切换主题">
|
||
|
|
{# 太阳图标 (显示在暗黑模式) #}
|
||
|
|
<svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path>
|
||
|
|
</svg>
|
||
|
|
{# 月亮图标 (显示在明亮模式) #}
|
||
|
|
<svg class="w-5 h-5 block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
|
||
|
|
</svg>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
{# 用户菜单 #}
|
||
|
|
<div class="flex items-center gap-2">
|
||
|
|
<div class="w-8 h-8 bg-primary-100 dark:bg-primary-900 rounded-full flex items-center justify-center">
|
||
|
|
<span class="text-primary-600 dark:text-primary-400 text-sm font-medium">管</span>
|
||
|
|
</div>
|
||
|
|
<span class="text-sm dark:text-gray-200">管理员</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|