Reposition output opitons to be under input area

This commit is contained in:
mmedoo 2024-10-01 16:35:52 +03:00
parent 2fff153339
commit 01c28f4f57

View file

@ -61,6 +61,17 @@ watchEffect(() => {
<template> <template>
<c-card style="max-width: 600px"> <c-card style="max-width: 600px">
<c-input-text
v-model:value="input"
label="Your text:"
placeholder="Seperate rows by a break"
raw-text
multiline
rows="10"
/>
<n-divider />
<n-form flex style="flex-direction: column; gap: 6px" label-placement="left"> <n-form flex style="flex-direction: column; gap: 6px" label-placement="left">
<n-form-item flex label="Case Sensitive"> <n-form-item flex label="Case Sensitive">
<n-switch v-model:value="is_case_sense" /> <n-switch v-model:value="is_case_sense" />
@ -77,17 +88,6 @@ watchEffect(() => {
<n-divider /> <n-divider />
<c-input-text
v-model:value="input"
label="Your text:"
placeholder="Seperate rows by a break"
raw-text
multiline
rows="10"
/>
<n-divider />
<n-form-item label="Unique text:"> <n-form-item label="Unique text:">
<TextareaCopyable <TextareaCopyable
:value="output" :value="output"