Spaces:
Sleeping
Sleeping
nav width
Browse files- src/routes/+page.svelte +3 -2
src/routes/+page.svelte
CHANGED
@@ -1,6 +1,7 @@
|
|
1 |
<script lang="ts">
|
2 |
import { fetchEventSource } from '@microsoft/fetch-event-source';
|
3 |
const ENDPOINT = 'https://joi-20b.ngrok.io/generate_stream';
|
|
|
4 |
type Message =
|
5 |
| {
|
6 |
from: 'user';
|
@@ -58,7 +59,7 @@
|
|
58 |
}
|
59 |
</script>
|
60 |
|
61 |
-
<div class="grid h-screen w-screen md:grid-cols-[
|
62 |
<nav class="max-md:hidden bg-gradient-to-l from-gray-800/10 p-4 flex flex-col gap-2">
|
63 |
<button
|
64 |
class="border px-12 py-2.5 rounded-lg bg-gray-800/20 border border-gray-800/50 shadow w-full"
|
@@ -104,7 +105,7 @@
|
|
104 |
</div>
|
105 |
</div>
|
106 |
<div
|
107 |
-
class="flex items-center justify-center absolute left-0 md:left-[
|
108 |
>
|
109 |
<form
|
110 |
on:submit={onWrite}
|
|
|
1 |
<script lang="ts">
|
2 |
import { fetchEventSource } from '@microsoft/fetch-event-source';
|
3 |
const ENDPOINT = 'https://joi-20b.ngrok.io/generate_stream';
|
4 |
+
|
5 |
type Message =
|
6 |
| {
|
7 |
from: 'user';
|
|
|
59 |
}
|
60 |
</script>
|
61 |
|
62 |
+
<div class="grid h-screen w-screen md:grid-cols-[280px,1fr] overflow-hidden text-smd">
|
63 |
<nav class="max-md:hidden bg-gradient-to-l from-gray-800/10 p-4 flex flex-col gap-2">
|
64 |
<button
|
65 |
class="border px-12 py-2.5 rounded-lg bg-gray-800/20 border border-gray-800/50 shadow w-full"
|
|
|
105 |
</div>
|
106 |
</div>
|
107 |
<div
|
108 |
+
class="flex items-center justify-center absolute left-0 md:left-[280px] right-0 px-8 md:px-24 bottom-0 h-32 bg-gradient-to-t from-gray-900/50 to-black/0"
|
109 |
>
|
110 |
<form
|
111 |
on:submit={onWrite}
|