Pin chat input to bottom
All checks were successful
Build Docker Image / build (push) Successful in 3m43s
All checks were successful
Build Docker Image / build (push) Successful in 3m43s
This commit is contained in:
@@ -17,9 +17,12 @@
|
|||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Card padding="lg" class="w-full flex flex-col min-h-0 lg:sticky lg:top-6 lg:h-[calc(100vh-8rem)]">
|
<Card
|
||||||
<Stack gap="4" class="flex-1 min-h-0">
|
padding="none"
|
||||||
<div class="bg-base-200 rounded-box p-4 flex-1 min-h-0 overflow-y-auto space-y-3">
|
class="w-full flex flex-col min-h-0 lg:sticky lg:top-6 lg:h-[calc(100vh-3rem)] overflow-hidden"
|
||||||
|
>
|
||||||
|
<div class="flex flex-col h-full min-h-0">
|
||||||
|
<div class="bg-base-200 p-4 flex-1 min-h-0 overflow-y-auto space-y-3">
|
||||||
<div
|
<div
|
||||||
v-for="(message, idx) in chat"
|
v-for="(message, idx) in chat"
|
||||||
:key="idx"
|
:key="idx"
|
||||||
@@ -43,6 +46,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="border-t border-base-300 bg-base-100 p-4">
|
||||||
<form class="flex flex-col gap-3" @submit.prevent="handleSend">
|
<form class="flex flex-col gap-3" @submit.prevent="handleSend">
|
||||||
<Textarea
|
<Textarea
|
||||||
v-model="input"
|
v-model="input"
|
||||||
@@ -61,7 +65,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</Stack>
|
</div>
|
||||||
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
</Section>
|
</Section>
|
||||||
|
|||||||
Reference in New Issue
Block a user