diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FormatTransformer.vue | 4 | ||||
| -rw-r--r-- | src/components/InputCopyable.vue | 15 |
2 files changed, 6 insertions, 13 deletions
diff --git a/src/components/FormatTransformer.vue b/src/components/FormatTransformer.vue index dea5d56..d187632 100644 --- a/src/components/FormatTransformer.vue +++ b/src/components/FormatTransformer.vue @@ -1,5 +1,5 @@ <template> - <n-form-item :label="inputLabel" v-bind="validationAttrs"> + <n-form-item :label="inputLabel" v-bind="validationAttrs as any"> <n-input ref="inputElement" v-model:value="input" @@ -10,7 +10,7 @@ autocorrect="off" autocapitalize="off" spellcheck="false" - :input-props="{ 'data-test-id': 'input' }" + :input-props="{ 'data-test-id': 'input' } as any" /> </n-form-item> <n-form-item :label="outputLabel"> diff --git a/src/components/InputCopyable.vue b/src/components/InputCopyable.vue index eaf29c8..cf7a42a 100644 --- a/src/components/InputCopyable.vue +++ b/src/components/InputCopyable.vue @@ -1,21 +1,20 @@ <template> - <n-input v-model:value="value"> + <c-input-text v-model:value="value"> <template #suffix> <n-tooltip trigger="hover"> <template #trigger> - <c-button circle variant="text" @click="onCopyClicked"> - <n-icon :component="ContentCopyFilled" /> + <c-button circle variant="text" size="small" @click="onCopyClicked"> + <icon-mdi-content-copy /> </c-button> </template> {{ tooltipText }} </n-tooltip> </template> - </n-input> + </c-input-text> </template> <script setup lang="ts"> import { useVModel, useClipboard } from '@vueuse/core'; -import { ContentCopyFilled } from '@vicons/material'; import { ref } from 'vue'; const props = defineProps<{ value: string }>(); @@ -35,9 +34,3 @@ function onCopyClicked() { }, 2000); } </script> - -<style scoped> -::v-deep(.n-input-wrapper) { - padding-right: 5px; -} -</style> |