problem: no place for rockets in layout

This commit is contained in:
gsovereignty
2024-06-05 18:24:33 +08:00
parent 093f227daf
commit 979ea06957
6 changed files with 89 additions and 32 deletions

View File

@@ -1,7 +1,12 @@
<script>
import { Separator } from "@/components/ui/separator";
</script>
<ul class="space-y-2 font-medium">
<li>
<a
href="#"
href="/rockets"
class="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
>
<svg
@@ -38,36 +43,13 @@
/>
<span class="ms-3 flex-1 whitespace-nowrap">Problem Tracker</span>
<span
class="ms-3 inline-flex items-center justify-center rounded-full bg-gray-100 px-2 text-sm font-medium text-gray-800 dark:bg-gray-700 dark:text-gray-300"
>Pro</span
>
</a>
</li>
<li>
<a
href="#"
class="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
>
<svg
class="h-5 w-5 flex-shrink-0 text-gray-500
transition group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
>
<path
d="m17.418 3.623-.018-.008a6.713 6.713 0 0 0-2.4-.569V2h1a1 1 0 1 0 0-2h-2a1 1 0 0 0-1 1v2H9.89A6.977 6.977 0 0 1 12 8v5h-2V8A5 5 0 1 0 0 8v6a1 1 0 0 0 1 1h8v4a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-4h6a1 1 0 0 0 1-1V8a5 5 0 0 0-2.582-4.377ZM6 12H4a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z"
/>
</svg>
<span class="ms-3 flex-1 whitespace-nowrap">Inbox</span>
<span
class="ms-3 inline-flex h-3 w-3 items-center justify-center rounded-full bg-blue-100 p-3 text-sm font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300"
>3</span
>71</span
>
</a>
</li>
<li>
<a
href="#"
@@ -106,7 +88,13 @@
<span class="ms-3 flex-1 whitespace-nowrap">Products</span>
</a>
</li>
<li>
</ul>
<hr class="my-2 h-0.5 border-t-0 bg-neutral-100 dark:bg-white/10" />
<ul class="space-y-2 font-medium">
<li>
<a
href="#"
class="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
@@ -129,6 +117,32 @@
<span class="ms-3 flex-1 whitespace-nowrap">Sign In</span>
</a>
</li>
<li>
<a
href="#"
class="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
>
<svg
class="h-5 w-5 flex-shrink-0 text-gray-500
transition group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
viewBox="0 0 20 20"
>
<path
d="m17.418 3.623-.018-.008a6.713 6.713 0 0 0-2.4-.569V2h1a1 1 0 1 0 0-2h-2a1 1 0 0 0-1 1v2H9.89A6.977 6.977 0 0 1 12 8v5h-2V8A5 5 0 1 0 0 8v6a1 1 0 0 0 1 1h8v4a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-4h6a1 1 0 0 0 1-1V8a5 5 0 0 0-2.582-4.377ZM6 12H4a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2Z"
/>
</svg>
<span class="ms-3 flex-1 whitespace-nowrap">Inbox</span>
<span
class="ms-3 inline-flex h-3 w-3 items-center justify-center rounded-full bg-blue-100 p-3 text-sm font-medium text-blue-800 dark:bg-blue-900 dark:text-blue-300"
>3</span
>
</a>
</li>
</ul>