rodrigo/iachat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(ui): ajusta layout e responsividade do text-area do prompt do orquestrador
Some checks failed
Build and Push to GHCR (multi-arch) / build (linux/amd64, ubuntu-latest) (push) Has been cancelled
Details
Build and Push to GHCR (multi-arch) / build (linux/arm64, ubuntu-22.04-arm) (push) Has been cancelled
Details
Build and Push to GHCR (multi-arch) / merge (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Rodrigo Borba 2026-02-27 14:14:40 -03:00
parent b546c75f97
commit 26692bb5e2
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
app/javascript/dashboard/components-next/captain/pageComponents/assistant/settings/OrchestratorPromptEditor.vue
View File

@ -63,10 +63,10 @@ const handleReset = () => {
</script> </script>
<template> <template>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4 w-full">
<!-- Aviso de risco --> <!-- Aviso de risco -->
<div <div
class="flex items-start gap-3 p-3 rounded-lg bg-yellow-50 border border-yellow-200 text-yellow-800" class="flex items-start gap-3 p-3 rounded-lg bg-yellow-50 border border-yellow-200 text-yellow-800 w-full"
> >
<span class="i-lucide-triangle-alert mt-0.5 shrink-0 text-yellow-500" /> <span class="i-lucide-triangle-alert mt-0.5 shrink-0 text-yellow-500" />
<p class="text-sm leading-relaxed"> <p class="text-sm leading-relaxed">
@ -75,23 +75,26 @@ const handleReset = () => {
</div> </div>
<!-- Textarea do prompt --> <!-- Textarea do prompt -->
<div class="flex flex-col gap-1.5"> <div class="flex flex-col gap-2 w-full">
<label class="text-sm font-medium text-n-slate-12"> <div class="flex flex-col">
{{ t('CAPTAIN.ASSISTANTS.ORCHESTRATOR_PROMPT.LABEL') }} <label class="text-sm font-medium text-n-slate-12">
</label> {{ t('CAPTAIN.ASSISTANTS.ORCHESTRATOR_PROMPT.LABEL') }}
<p class="text-xs text-n-slate-11"> </label>
{{ t('CAPTAIN.ASSISTANTS.ORCHESTRATOR_PROMPT.DESCRIPTION') }} <p class="text-xs text-n-slate-11">
</p> {{ t('CAPTAIN.ASSISTANTS.ORCHESTRATOR_PROMPT.DESCRIPTION') }}
<textarea </p>
v-model="promptText" </div>
rows="18" <div class="w-full">
:placeholder="t('CAPTAIN.ASSISTANTS.ORCHESTRATOR_PROMPT.PLACEHOLDER')" <textarea
class="w-full rounded-lg border border-n-weak bg-n-alpha-1 px-3 py-2.5 text-sm text-n-slate-12 placeholder:text-n-slate-9 focus:outline-none focus:ring-2 focus:ring-n-brand resize-y font-mono" v-model="promptText"
/> :placeholder="t('CAPTAIN.ASSISTANTS.ORCHESTRATOR_PROMPT.PLACEHOLDER')"
class="w-full min-h-[500px] rounded-lg border border-n-weak bg-n-alpha-1 px-3 py-2.5 text-sm text-n-slate-12 placeholder:text-n-slate-9 focus:outline-none focus:ring-2 focus:ring-n-brand resize-y font-mono"
/>
</div>
</div> </div>
<!-- Botões --> <!-- Botões -->
<div class="flex items-center gap-3"> <div class="flex items-center gap-3 mt-2 w-full">
<button <button
class="inline-flex items-center gap-1.5 rounded-lg bg-n-brand px-4 py-2 text-sm font-medium text-white hover:bg-n-brand-dark transition-colors disabled:opacity-50 disabled:cursor-not-allowed" class="inline-flex items-center gap-1.5 rounded-lg bg-n-brand px-4 py-2 text-sm font-medium text-white hover:bg-n-brand-dark transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
:disabled="!isDirty" :disabled="!isDirty"