style: minor changes
(cherry picked from commit cca420b1a06c78b9623259ed7897720a06d5aaaa)
This commit is contained in:
parent
d184068760
commit
65b635eeb3
@ -2,16 +2,15 @@
|
|||||||
<div class="flex h-full flex-col gap-6 p-8 text-ink-gray-8">
|
<div class="flex h-full flex-col gap-6 p-8 text-ink-gray-8">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<div class="flex gap-1 w-9/12">
|
<div class="flex gap-1 -ml-4 w-9/12">
|
||||||
<div
|
<Button
|
||||||
class="flex text-ink-gray-7 gap-2 cursor-pointer"
|
variant="ghost"
|
||||||
:tabindex="0"
|
icon-left="chevron-left"
|
||||||
@keydown.enter="() => emit('updateStep', 'template-list')"
|
:label="__(template.name)"
|
||||||
|
size="md"
|
||||||
@click="() => emit('updateStep', 'template-list')"
|
@click="() => emit('updateStep', 'template-list')"
|
||||||
>
|
class="text-xl !h-7 font-semibold hover:bg-transparent focus:bg-transparent focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:none active:bg-transparent active:outline-none active:ring-0 active:ring-offset-0 active:text-ink-gray-5"
|
||||||
<FeatherIcon name="chevron-left" class="size-5" />
|
/>
|
||||||
<span class="text-xl font-semibold">{{ __(template.name) }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex item-center space-x-2 w-3/12 justify-end">
|
<div class="flex item-center space-x-2 w-3/12 justify-end">
|
||||||
<Button
|
<Button
|
||||||
@ -108,7 +107,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<TextEditor
|
<TextEditor
|
||||||
ref="content"
|
ref="content"
|
||||||
editor-class="!prose-sm overflow-auto min-h-[180px] max-h-80 py-1.5 px-2 rounded border border-[--surface-gray-2] bg-surface-gray-2 placeholder-ink-gray-4 hover:border-outline-gray-modals hover:bg-surface-gray-3 hover:shadow-sm focus:bg-surface-white focus:border-outline-gray-4 focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3 text-ink-gray-8 transition-colors"
|
editor-class="!prose-sm max-w-full overflow-auto min-h-[180px] max-h-80 py-1.5 px-2 rounded border border-[--surface-gray-2] bg-surface-gray-2 placeholder-ink-gray-4 hover:border-outline-gray-modals hover:bg-surface-gray-3 hover:shadow-sm focus:bg-surface-white focus:border-outline-gray-4 focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3 text-ink-gray-8 transition-colors"
|
||||||
:bubbleMenu="true"
|
:bubbleMenu="true"
|
||||||
:content="template.response"
|
:content="template.response"
|
||||||
@change="(val) => (template.response = val)"
|
@change="(val) => (template.response = val)"
|
||||||
|
|||||||
@ -2,20 +2,17 @@
|
|||||||
<div class="flex h-full flex-col gap-6 p-8 text-ink-gray-8">
|
<div class="flex h-full flex-col gap-6 p-8 text-ink-gray-8">
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<div class="flex gap-1 w-9/12">
|
<div class="flex gap-1 -ml-4 w-9/12">
|
||||||
<div
|
<Button
|
||||||
class="flex text-ink-gray-7 gap-2 cursor-pointer"
|
variant="ghost"
|
||||||
:tabindex="0"
|
icon-left="chevron-left"
|
||||||
@keydown.enter="() => emit('updateStep', 'template-list')"
|
:label="
|
||||||
|
templateData?.name ? __('Duplicate template') : __('New template')
|
||||||
|
"
|
||||||
|
size="md"
|
||||||
@click="() => emit('updateStep', 'template-list')"
|
@click="() => emit('updateStep', 'template-list')"
|
||||||
>
|
class="text-xl !h-7 font-semibold hover:bg-transparent focus:bg-transparent focus:outline-none focus:ring-0 focus:ring-offset-0 focus-visible:none active:bg-transparent active:outline-none active:ring-0 active:ring-offset-0 active:text-ink-gray-5"
|
||||||
<FeatherIcon name="chevron-left" class="size-5" />
|
/>
|
||||||
<span class="text-xl font-semibold">
|
|
||||||
{{
|
|
||||||
templateData?.name ? __('Duplicate template') : __('New template')
|
|
||||||
}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex item-center space-x-2 w-3/12 justify-end">
|
<div class="flex item-center space-x-2 w-3/12 justify-end">
|
||||||
<Button
|
<Button
|
||||||
@ -110,7 +107,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<TextEditor
|
<TextEditor
|
||||||
ref="content"
|
ref="content"
|
||||||
editor-class="!prose-sm overflow-auto min-h-[180px] max-h-80 py-1.5 px-2 rounded border border-[--surface-gray-2] bg-surface-gray-2 placeholder-ink-gray-4 hover:border-outline-gray-modals hover:bg-surface-gray-3 hover:shadow-sm focus:bg-surface-white focus:border-outline-gray-4 focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3 text-ink-gray-8 transition-colors"
|
editor-class="!prose-sm max-w-full overflow-auto min-h-[180px] max-h-80 py-1.5 px-2 rounded border border-[--surface-gray-2] bg-surface-gray-2 placeholder-ink-gray-4 hover:border-outline-gray-modals hover:bg-surface-gray-3 hover:shadow-sm focus:bg-surface-white focus:border-outline-gray-4 focus:shadow-sm focus:ring-0 focus-visible:ring-2 focus-visible:ring-outline-gray-3 text-ink-gray-8 transition-colors"
|
||||||
:bubbleMenu="true"
|
:bubbleMenu="true"
|
||||||
:content="template.response"
|
:content="template.response"
|
||||||
@change="(val) => (template.response = val)"
|
@change="(val) => (template.response = val)"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user