|
|
@ -73,42 +73,42 @@
|
|
|
|
<ul class="setting-list">
|
|
|
|
<ul class="setting-list">
|
|
|
|
<li>
|
|
|
|
<li>
|
|
|
|
<FontControl
|
|
|
|
<FontControl
|
|
|
|
:model-value="fontsOverride.interface"
|
|
|
|
:model-value="mergedConfig.theme3hacks.fonts.interface"
|
|
|
|
name="ui"
|
|
|
|
name="ui"
|
|
|
|
:label="$t('settings.style.fonts.components.interface')"
|
|
|
|
:label="$t('settings.style.fonts.components.interface')"
|
|
|
|
:fallback="{ family: 'sans-serif' }"
|
|
|
|
:fallback="{ family: 'sans-serif' }"
|
|
|
|
no-inherit="1"
|
|
|
|
no-inherit="1"
|
|
|
|
@update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, interface: v } })"
|
|
|
|
@update:modelValue="v => updateFont('interface', v)"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<li>
|
|
|
|
<FontControl
|
|
|
|
<FontControl
|
|
|
|
v-if="expertLevel > 0"
|
|
|
|
v-if="expertLevel > 0"
|
|
|
|
:model-value="fontsOverride.input"
|
|
|
|
:model-value="mergedConfig.theme3hacks.fonts.input"
|
|
|
|
name="input"
|
|
|
|
name="input"
|
|
|
|
:fallback="{ family: 'inherit' }"
|
|
|
|
:fallback="{ family: 'inherit' }"
|
|
|
|
:label="$t('settings.style.fonts.components.input')"
|
|
|
|
:label="$t('settings.style.fonts.components.input')"
|
|
|
|
@update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, input: v } })"
|
|
|
|
@update:modelValue="v => updateFont('input', v)"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<li>
|
|
|
|
<FontControl
|
|
|
|
<FontControl
|
|
|
|
v-if="expertLevel > 0"
|
|
|
|
v-if="expertLevel > 0"
|
|
|
|
:model-value="fontsOverride.post"
|
|
|
|
:model-value="mergedConfig.theme3hacks.fonts.post"
|
|
|
|
name="post"
|
|
|
|
name="post"
|
|
|
|
:fallback="{ family: 'inherit' }"
|
|
|
|
:fallback="{ family: 'inherit' }"
|
|
|
|
:label="$t('settings.style.fonts.components.post')"
|
|
|
|
:label="$t('settings.style.fonts.components.post')"
|
|
|
|
@update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, post: v } })"
|
|
|
|
@update:modelValue="v => updateFont('post', v)"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<li>
|
|
|
|
<FontControl
|
|
|
|
<FontControl
|
|
|
|
v-if="expertLevel > 0"
|
|
|
|
v-if="expertLevel > 0"
|
|
|
|
:model-value="fontsOverride.postCode"
|
|
|
|
:model-value="mergedConfig.theme3hacks.fonts.monospace"
|
|
|
|
name="postCode"
|
|
|
|
name="postCode"
|
|
|
|
:fallback="{ family: 'monospace' }"
|
|
|
|
:fallback="{ family: 'monospace' }"
|
|
|
|
:label="$t('settings.style.fonts.components.postCode')"
|
|
|
|
:label="$t('settings.style.fonts.components.monospace')"
|
|
|
|
@update:modelValue="v => $store.dispatch('setOption', { name: 'fontsOverride', value: { ...fontsOverride, postCode: v } })"
|
|
|
|
@update:modelValue="v => updateFont('monospace', v)"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|