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>
</div>
<Card padding="lg" class="w-full flex flex-col min-h-0 lg:sticky lg:top-6 lg:h-[calc(100vh-8rem)]">
<Stack gap="4" class="flex-1 min-h-0">
<div class="bg-base-200 rounded-box p-4 flex-1 min-h-0 overflow-y-auto space-y-3">
<Card
padding="none"
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
v-for="(message, idx) in chat"
:key="idx"
@@ -43,25 +46,27 @@
</div>
</div>
<form class="flex flex-col gap-3" @submit.prevent="handleSend">
<Textarea
v-model="input"
:placeholder="t('aiAssistants.view.placeholder')"
rows="3"
/>
<div class="flex items-center gap-3">
<Button type="submit" :loading="isSending" :disabled="!input.trim()">
{{ t('aiAssistants.view.send') }}
</Button>
<Button type="button" variant="ghost" @click="resetChat" :disabled="isSending">
{{ t('aiAssistants.view.reset') }}
</Button>
<div class="text-sm text-base-content/60" v-if="error">
{{ error }}
<div class="border-t border-base-300 bg-base-100 p-4">
<form class="flex flex-col gap-3" @submit.prevent="handleSend">
<Textarea
v-model="input"
:placeholder="t('aiAssistants.view.placeholder')"
rows="3"
/>
<div class="flex items-center gap-3">
<Button type="submit" :loading="isSending" :disabled="!input.trim()">
{{ t('aiAssistants.view.send') }}
</Button>
<Button type="button" variant="ghost" @click="resetChat" :disabled="isSending">
{{ t('aiAssistants.view.reset') }}
</Button>
<div class="text-sm text-base-content/60" v-if="error">
{{ error }}
</div>
</div>
</div>
</form>
</Stack>
</form>
</div>
</div>
</Card>
</div>
</Section>