diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-05-27 17:36:15 +0200 |
|---|---|---|
| committer | Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-05-27 17:53:13 +0200 |
| commit | 4d2b037dbe4e78aa90a4a6d9c7315dcf0a51fed9 (patch) | |
| tree | fe107c22780cb88fe0839a7940c0a26a1f58d76a /src/tools/sql-prettify/sql-prettify.vue | |
| parent | 34d8e5ce2ca5d7a27c19ee2cb704bbfd3a215b29 (diff) | |
| download | it-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.vue | 10 |
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"> |