dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-28 00:16:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(web): move keybind mode setting to Genral section in settings modal

Browse Source
This commit is contained in:
Mohamed Elhefni
2024-01-08 12:09:15 +02:00
parent 090329593e
commit 81eda4d0d3
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/web/src/settings/SettingsModal.svelte
View File

@@ -111,6 +111,9 @@ ORDER BY
/> />
<div class="heading">SQL editor</div> <div class="heading">SQL editor</div>
<div class="flex">
<div class="col-3">
<FormSelectField <FormSelectField
label="SQL commands case" label="SQL commands case"
name="sqlEditor.sqlCommandsCase" name="sqlEditor.sqlCommandsCase"
@@ -121,6 +124,19 @@ ORDER BY
{ value: 'lowerCase', label: 'lower case' }, { value: 'lowerCase', label: 'lower case' },
]} ]}
/> />
</div>
<div class="col-3">
<FormFieldTemplateLarge label="Editor keybinds" type="combo">
<SelectField
isNative
defaultValue="default"
options={EDITOR_KEYBINDINGS_MODES.map(mode => ({ label: mode.label, value: mode.value }))}
value={$currentEditorKeybindigMode}
on:change={e => ($currentEditorKeybindigMode = e.detail)}
/>
</FormFieldTemplateLarge>
</div>
</div>
</svelte:fragment> </svelte:fragment>
<svelte:fragment slot="2"> <svelte:fragment slot="2">
<div class="heading">Connection</div> <div class="heading">Connection</div>
@@ -220,20 +236,6 @@ ORDER BY
</div> </div>
</div> </div>
<div class="flex">
<div class="col-3">
<FormFieldTemplateLarge label="Mode" type="combo">
<SelectField
isNative
notSelected="(use Default)"
options={EDITOR_KEYBINDINGS_MODES.map(mode => ({ label: mode.label, value: mode.value }))}
value={$currentEditorKeybindigMode}
on:change={e => ($currentEditorKeybindigMode = e.detail)}
/>
</FormFieldTemplateLarge>
</div>
</div>
<div class="editor"> <div class="editor">
<SqlEditor value={sqlPreview} readOnly /> <SqlEditor value={sqlPreview} readOnly />
</div> </div>