mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -111,16 +111,32 @@ ORDER BY
/> />
<div class="heading">SQL editor</div> <div class="heading">SQL editor</div>
<FormSelectField
label="SQL commands case" <div class="flex">
name="sqlEditor.sqlCommandsCase" <div class="col-3">
isNative <FormSelectField
defaultValue="upperCase" label="SQL commands case"
options={[ name="sqlEditor.sqlCommandsCase"
{ value: 'upperCase', label: 'UPPER CASE' }, isNative
{ value: 'lowerCase', label: 'lower case' }, defaultValue="upperCase"
]} options={[
/> { value: 'upperCase', label: 'UPPER 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>