diff options
author | 2023-06-23 16:51:52 +0200 | |
---|---|---|
committer | 2023-06-23 16:51:52 +0200 | |
commit | ba4876d0d52c92580e6bac3fd2e22d90c0182824 (patch) | |
tree | eb896b5c0f189f94f014b52eeddafeac540de4bc /src/tools/sql-prettify/sql-prettify.vue | |
parent | 363c2e47e617c3f0718a410c038909bc226cd6df (diff) | |
download | it-tools-ba4876d0d52c92580e6bac3fd2e22d90c0182824.tar.gz it-tools-ba4876d0d52c92580e6bac3fd2e22d90c0182824.tar.zst it-tools-ba4876d0d52c92580e6bac3fd2e22d90c0182824.zip |
refacor(transformers): use monospace font for JSON and SQL text areas (#476)
* feat(c-input): Add monospace prop
* feat: use monospace input for json and sql inputs
Diffstat (limited to 'src/tools/sql-prettify/sql-prettify.vue')
-rw-r--r-- | src/tools/sql-prettify/sql-prettify.vue | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/tools/sql-prettify/sql-prettify.vue b/src/tools/sql-prettify/sql-prettify.vue index ee4abdc..a0da8a7 100644 --- a/src/tools/sql-prettify/sql-prettify.vue +++ b/src/tools/sql-prettify/sql-prettify.vue @@ -64,16 +64,17 @@ const prettySQL = computed(() => formatSQL(rawSQL.value, config)); </div> <n-form-item label="Your SQL query"> - <n-input + <c-input-text ref="inputElement" v-model:value="rawSQL" placeholder="Put your SQL query here..." - type="textarea" rows="20" + multiline autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" + monospace /> </n-form-item> <n-form-item label="Prettify version of your query"> |