aboutsummaryrefslogtreecommitdiff
path: root/src/tools/sql-prettify/sql-prettify.vue
diff options
context:
space:
mode:
authorGravatar Corentin Thomasset <corentin.thomasset74@gmail.com> 2023-05-27 17:36:15 +0200
committerGravatar Corentin THOMASSET <corentin.thomasset74@gmail.com> 2023-05-27 17:53:13 +0200
commit4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 (patch)
treefe107c22780cb88fe0839a7940c0a26a1f58d76a /src/tools/sql-prettify/sql-prettify.vue
parent34d8e5ce2ca5d7a27c19ee2cb704bbfd3a215b29 (diff)
downloadit-tools-4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9.tar.gz
it-tools-4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9.tar.zst
it-tools-4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9.zip
refactor(ui): removed all n-space
Diffstat (limited to 'src/tools/sql-prettify/sql-prettify.vue')
-rw-r--r--src/tools/sql-prettify/sql-prettify.vue10
1 files changed, 5 insertions, 5 deletions
diff --git a/src/tools/sql-prettify/sql-prettify.vue b/src/tools/sql-prettify/sql-prettify.vue
index 9f1e4fe..b8d4aa4 100644
--- a/src/tools/sql-prettify/sql-prettify.vue
+++ b/src/tools/sql-prettify/sql-prettify.vue
@@ -1,7 +1,7 @@
<template>
<div style="flex: 0 0 100%">
- <n-space item-style="flex:1 1 0" style="margin: 0 auto; max-width: 600px" :vertical="styleStore.isSmallScreen">
- <n-form-item label="Dialect" label-width="500">
+ <div mx-auto style="max-width: 600px" flex gap-2 :class="{ 'flex-col': styleStore.isSmallScreen }">
+ <n-form-item label="Dialect" label-width="500" flex-1>
<n-select
v-model:value="config.language"
:options="[
@@ -21,7 +21,7 @@
]"
/>
</n-form-item>
- <n-form-item label="Keyword case">
+ <n-form-item label="Keyword case" flex-1>
<n-select
v-model:value="config.keywordCase"
:options="[
@@ -31,7 +31,7 @@
]"
/>
</n-form-item>
- <n-form-item label="Indent style">
+ <n-form-item label="Indent style" flex-1>
<n-select
v-model:value="config.indentStyle"
:options="[
@@ -41,7 +41,7 @@
]"
/>
</n-form-item>
- </n-space>
+ </div>
</div>
<n-form-item label="Your SQL query">