138 lines
5.0 KiB
PHP
138 lines
5.0 KiB
PHP
<!--<ul class="space-y-1">-->
|
|
|
|
<div class="flex h-screen flex-col justify-between border-e bg-white">
|
|
<div class="px-4 py-6">
|
|
<span class="grid h-10 w-32 place-content-center rounded-lg bg-gray-100 text-xs text-gray-600">
|
|
Logo
|
|
</span>
|
|
|
|
<ul class="mt-6 space-y-1">
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg bg-gray-100 px-4 py-2 text-sm font-medium text-gray-700"
|
|
>
|
|
General
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<details class="group [&_summary::-webkit-details-marker]:hidden">
|
|
<summary
|
|
class="flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
<span class="text-sm font-medium"> Teams </span>
|
|
|
|
<span class="shrink-0 transition duration-300 group-open:-rotate-180">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-5 w-5"
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
|
|
<ul class="mt-2 space-y-1 px-4">
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Banned Users
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Calendar
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Billing
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Invoices
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<details class="group [&_summary::-webkit-details-marker]:hidden">
|
|
<summary
|
|
class="flex cursor-pointer items-center justify-between rounded-lg px-4 py-2 text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
<span class="text-sm font-medium"> Account </span>
|
|
|
|
<span class="shrink-0 transition duration-300 group-open:-rotate-180">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-5 w-5"
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
|
|
clip-rule="evenodd"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</summary>
|
|
|
|
<ul class="mt-2 space-y-1 px-4">
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Details
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a
|
|
href="#"
|
|
class="block rounded-lg px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Security
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<form action="#">
|
|
<button
|
|
type="submit"
|
|
class="w-full rounded-lg px-4 py-2 text-sm font-medium text-gray-500 [text-align:_inherit] hover:bg-gray-100 hover:text-gray-700"
|
|
>
|
|
Logout
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
</li>
|
|
</ul>
|
|
</div> |