forked from XiaoLFeng/XF_Index
43 lines
3.1 KiB
PHP
43 lines
3.1 KiB
PHP
<div class="grid grid-cols-2 gap-4 mb-4 rounded bg-gray-50 dark:bg-gray-800 shadow">
|
|
<div class="flex items-center justify-start h-16">
|
|
<div class="grid grid-cols-12">
|
|
<a class="flex ps-5" href="">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
|
|
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"/>
|
|
</svg>
|
|
</a>
|
|
<a class="flex ps-3" href="">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
|
|
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-end h-16">
|
|
<div class="flex items-center space-x-4 m-5">
|
|
<div class="font-medium dark:text-white">
|
|
<div class="text-right">{{ $userName }}</div>
|
|
<div class="text-sm text-gray-500 dark:text-gray-400">{{ $userEmail }}</div>
|
|
</div>
|
|
<img id="avatarButton" type="button" data-dropdown-toggle="userDropdown" data-dropdown-placement="bottom-start" class="w-10 h-10 rounded-full cursor-pointer" src="{{ $userIcon }}" alt="">
|
|
<!-- Dropdown menu -->
|
|
<div id="userDropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
|
|
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="avatarButton">
|
|
<li>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
|
|
<i class="bi bi-person-rolodex"></i>
|
|
<span class="flex-1 ml-3 whitespace-nowrap">个人设置</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="py-1">
|
|
<a href="{{ route('logout') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white">
|
|
<i class="bi bi-box-arrow-left"></i>
|
|
<span class="flex-1 ml-3 whitespace-nowrap">登出</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|