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

editor font size settings

Browse Source
This commit is contained in:
Jan Prochazka
2022-03-05 09:35:32 +01:00
parent caf9870990
commit 2fa46da7b6
3 changed files with 57 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,9 +14,9 @@
import ModalBase from '../modals/ModalBase.svelte';
import { closeCurrentModal } from '../modals/modalTools';
import { EDITOR_THEMES } from '../query/AceEditor.svelte';
import { EDITOR_THEMES, FONT_SIZES } from '../query/AceEditor.svelte';
import SqlEditor from '../query/SqlEditor.svelte';
import { currentEditorTheme, extensions } from '../stores';
import { currentEditorFontSize, currentEditorTheme, extensions } from '../stores';
import getElectron from '../utility/getElectron';
import ThemeSkeleton from './ThemeSkeleton.svelte';
@@ -106,15 +106,31 @@ ORDER BY
<div class="heading">Editor theme</div>
<FormFieldTemplateLarge label="Theme" type='combo'>
<SelectField
isNative
notSelected="(use theme default)"
options={EDITOR_THEMES.map(theme => ({ label: theme, value: theme }))}
value={$currentEditorTheme}
on:change={e => ($currentEditorTheme = e.detail)}
/>
</FormFieldTemplateLarge>
<div class="flex">
<div class="col-6">
<FormFieldTemplateLarge label="Theme" type="combo">
<SelectField
isNative
notSelected="(use theme default)"
options={EDITOR_THEMES.map(theme => ({ label: theme, value: theme }))}
value={$currentEditorTheme}
on:change={e => ($currentEditorTheme = e.detail)}
/>
</FormFieldTemplateLarge>
</div>
<div class="col-6">
<FormFieldTemplateLarge label="Font size " type="combo">
<SelectField
isNative
notSelected="(default)"
options={FONT_SIZES}
value={$currentEditorFontSize}
on:change={e => ($currentEditorFontSize = e.detail)}
/>
</FormFieldTemplateLarge>
</div>
</div>
<div class="editor">
<SqlEditor value={sqlPreview} readOnly />