Spaces:
Sleeping
Sleeping
nav revamp
Browse files- src/routes/+page.svelte +26 -15
src/routes/+page.svelte
CHANGED
@@ -60,21 +60,32 @@
|
|
60 |
</script>
|
61 |
|
62 |
<div class="grid h-screen w-screen md:grid-cols-[280px,1fr] overflow-hidden text-smd">
|
63 |
-
<nav
|
64 |
-
|
65 |
-
|
66 |
-
|
67 |
-
|
68 |
-
|
69 |
-
|
70 |
-
</
|
71 |
-
|
72 |
-
|
73 |
-
|
74 |
-
|
75 |
-
|
76 |
-
|
77 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
78 |
</nav>
|
79 |
<div class="overflow-y-auto">
|
80 |
<div class="max-w-4xl mx-auto px-5 pt-6 flex flex-col gap-8">
|
|
|
60 |
</script>
|
61 |
|
62 |
<div class="grid h-screen w-screen md:grid-cols-[280px,1fr] overflow-hidden text-smd">
|
63 |
+
<nav
|
64 |
+
class="max-md:hidden bg-gradient-to-l from-gray-800/10 grid grid-rows-[auto,1fr,auto] grid-cols-1 max-h-screen"
|
65 |
+
>
|
66 |
+
<div class="flex-none sticky top-0 relative p-3 flex flex-col bg-black">
|
67 |
+
<button class="border px-12 py-2.5 rounded-lg bg-gray-800/20 border border-gray-800/50 shadow"
|
68 |
+
>New Chat</button
|
69 |
+
>
|
70 |
+
</div>
|
71 |
+
<div class="flex flex-col overflow-y-auto p-3 -mt-3 gap-2">
|
72 |
+
{#each Array(4) as _}
|
73 |
+
<a
|
74 |
+
href=""
|
75 |
+
class="truncate text-gray-400 hover:bg-gray-800/50 py-3 px-3 rounded-lg flex-none"
|
76 |
+
>
|
77 |
+
sit amet consectetur adipisicing elit. Eos dolorum nihil alias.
|
78 |
+
</a>
|
79 |
+
{/each}
|
80 |
+
</div>
|
81 |
+
<div class="flex flex-col p-3 gap-2">
|
82 |
+
<a href="" class="truncate text-gray-400 hover:bg-gray-800/50 py-3 px-3 rounded-lg mt-auto">
|
83 |
+
Appearance
|
84 |
+
</a>
|
85 |
+
<a href="" class="truncate text-gray-400 hover:bg-gray-800/50 py-3 px-3 rounded-lg">
|
86 |
+
Settings
|
87 |
+
</a>
|
88 |
+
</div>
|
89 |
</nav>
|
90 |
<div class="overflow-y-auto">
|
91 |
<div class="max-w-4xl mx-auto px-5 pt-6 flex flex-col gap-8">
|