optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pin chat input to bottom
All checks were successful
Build Docker Image / build (push) Successful in 3m43s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-07 18:42:19 +07:00
parent b65f00bf2e
commit b177a567cf
1 changed files with 26 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/pages/clientarea/ai/index.vue
View File

@@ -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,25 +46,27 @@
</div> </div>
</div> </div>
<form class="flex flex-col gap-3" @submit.prevent="handleSend"> <div class="border-t border-base-300 bg-base-100 p-4">
<Textarea <form class="flex flex-col gap-3" @submit.prevent="handleSend">
v-model="input" <Textarea
:placeholder="t('aiAssistants.view.placeholder')" v-model="input"
rows="3" :placeholder="t('aiAssistants.view.placeholder')"
/> rows="3"
<div class="flex items-center gap-3"> />
<Button type="submit" :loading="isSending" :disabled="!input.trim()"> <div class="flex items-center gap-3">
{{ t('aiAssistants.view.send') }} <Button type="submit" :loading="isSending" :disabled="!input.trim()">
</Button> {{ t('aiAssistants.view.send') }}
<Button type="button" variant="ghost" @click="resetChat" :disabled="isSending"> </Button>
{{ t('aiAssistants.view.reset') }} <Button type="button" variant="ghost" @click="resetChat" :disabled="isSending">
</Button> {{ t('aiAssistants.view.reset') }}
<div class="text-sm text-base-content/60" v-if="error"> </Button>
{{ error }} <div class="text-sm text-base-content/60" v-if="error">
{{ error }}
</div>
</div> </div>
</div> </form>
</form> </div>
</Stack> </div>
</Card> </Card>
</div> </div>
</Section> </Section>