mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2026-09-26 19:51:42 +02:00
38 lines
750 B
Vue
38 lines
750 B
Vue
<script setup lang="ts">
|
|
import ExpandableInputBase from './ExpandableInputBase.vue';
|
|
|
|
type Props = {
|
|
modelValue: string;
|
|
};
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<ExpandableInputBase :model-value="modelValue" :static-size="true">
|
|
<input class="clickable preview" :value="modelValue" :disabled="true" size="4" />
|
|
</ExpandableInputBase>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
input.preview {
|
|
padding: var(--spacing-4xs);
|
|
border-radius: var(--border-radius-base);
|
|
}
|
|
|
|
.preview,
|
|
.preview:hover {
|
|
background-color: unset;
|
|
transition: unset;
|
|
pointer-events: none; // fix firefox bug
|
|
}
|
|
|
|
input[disabled] {
|
|
color: $custom-font-black;
|
|
|
|
// override safari colors
|
|
-webkit-text-fill-color: $custom-font-black;
|
|
-webkit-opacity: 1;
|
|
}
|
|
</style>
|