FixBUG: 视窗优化,更好看的视窗

添加了分割线以及标题栏

Signed-off-by: XiaoLFeng <gm@x-lf.cn>
This commit is contained in:
筱锋xiao_lfeng 2023-07-15 17:37:12 +08:00
parent 09b3c1e924
commit 9c00e3fd9f

View File

@ -2,7 +2,17 @@
class="fixed top-0 left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0" class="fixed top-0 left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0"
aria-label="Sidebar"> aria-label="Sidebar">
<div class="h-full px-3 py-4 overflow-y-auto bg-gray-50 dark:bg-gray-800"> <div class="h-full px-3 py-4 overflow-y-auto bg-gray-50 dark:bg-gray-800">
<div class="text-xl text-center font-bold mt-2 my-5">
<span>
<i class="bi bi-caret-right-fill"></i>
{{ $webTitle }}
<i class="bi bi-caret-left-fill"></i>
</span>
</div>
<ul class="space-y-2 font-medium"> <ul class="space-y-2 font-medium">
<li>
<hr/>
</li>
<li> <li>
<a href="{{ route('home') }}" <a href="{{ route('home') }}"
class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"> class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
@ -10,6 +20,9 @@ class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-g
<span class="ml-3">返回主页</span> <span class="ml-3">返回主页</span>
</a> </a>
</li> </li>
<li>
<hr/>
</li>
<li> <li>
<a href="{{ route('console.dashboard') }}" <a href="{{ route('console.dashboard') }}"
class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"> class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
@ -88,6 +101,16 @@ class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-g
<span class="flex-1 ml-3 whitespace-nowrap">系统设置</span> <span class="flex-1 ml-3 whitespace-nowrap">系统设置</span>
</a> </a>
</li> </li>
<li>
<hr/>
</li>
<li>
<a href="#"
class="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
<i class="bi bi-person"></i>
<span class="flex-1 ml-3 whitespace-nowrap">个人设置</span>
</a>
</li>
</ul> </ul>
</div> </div>
</aside> </aside>