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>

View File

@@ -18,4 +18,7 @@
</a>
<slot name="menu"></slot>
</div>
</aside>
</aside>
<div class="p-4 sm:ml-64">
<slot name="content"></slot>
</div>

View File

@@ -6,5 +6,4 @@
<ModeWatcher />
<slot></slot>
<style></style>

View File

@@ -1,12 +1,12 @@
<script>
import Sidebar from "../components/Menu.svelte";
import Menu from "../components/Menu.svelte";
import SidePanel from "../layouts/SidePanel.svelte";
</script>
<SidePanel>
<div slot="menu">
<Sidebar />
<Menu />
</div>
<div slot="content"></div>
</SidePanel>

View File

@@ -0,0 +1,6 @@
<script>
import Rockets from "../../views/rockets/Rockets.svelte";
</script>
<Rockets />

View File

@@ -0,0 +1,35 @@
<script>
import Menu from '../../components/Menu.svelte';
import SidePanel from '../../layouts/SidePanel.svelte';
</script>
<SidePanel>
<div slot="menu">
<Menu />
</div>
<div slot="content">
<h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight text-gray-900 md:text-5xl lg:text-6xl dark:text-white">Rockets</h1>
<div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
<a href="#">
<img class="rounded-t-lg" src="https://assets.editorial.aetnd.com/uploads/2009/11/joseph-stalin-gettyimages-464426375.jpg" alt="" />
</a>
<div class="p-5">
<a href="#">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">The People's Rocket</h5>
</a>
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Dedicated to delivering excellence through central planning.</p>
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">Created by PabloF7z</p>
<a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
Read more
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
</svg>
</a>
</div>
</div>
</div>
</SidePanel>