parent
fd1011f622
commit
e4a819a0e2
@ -0,0 +1,39 @@
|
|||||||
|
import BooleanSetting from '../helpers/boolean_setting.vue'
|
||||||
|
import ChoiceSetting from '../helpers/choice_setting.vue'
|
||||||
|
import IntegerSetting from '../helpers/integer_setting.vue'
|
||||||
|
import FloatSetting from '../helpers/float_setting.vue'
|
||||||
|
import UnitSetting from '../helpers/unit_setting.vue'
|
||||||
|
|
||||||
|
import SharedComputedObject from '../helpers/shared_computed_object.js'
|
||||||
|
import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
|
||||||
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
||||||
|
import {
|
||||||
|
faGlobe
|
||||||
|
} from '@fortawesome/free-solid-svg-icons'
|
||||||
|
|
||||||
|
library.add(
|
||||||
|
faGlobe
|
||||||
|
)
|
||||||
|
|
||||||
|
const AppearanceTab = {
|
||||||
|
data () {
|
||||||
|
return {}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
BooleanSetting,
|
||||||
|
ChoiceSetting,
|
||||||
|
IntegerSetting,
|
||||||
|
FloatSetting,
|
||||||
|
UnitSetting,
|
||||||
|
ProfileSettingIndicator
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
instanceWallpaperUsed () {
|
||||||
|
return this.$store.state.instance.background &&
|
||||||
|
!this.$store.state.users.currentUser.background_image
|
||||||
|
},
|
||||||
|
...SharedComputedObject()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default AppearanceTab
|
@ -0,0 +1,71 @@
|
|||||||
|
<template>
|
||||||
|
<div :label="$t('settings.general')">
|
||||||
|
<div class="setting-item">
|
||||||
|
<h2>{{ $t('settings.interface') }}</h2>
|
||||||
|
<ul class="setting-list">
|
||||||
|
<li v-if="instanceWallpaperUsed">
|
||||||
|
<BooleanSetting path="hideInstanceWallpaper">
|
||||||
|
{{ $t('settings.hide_wallpaper') }}
|
||||||
|
</BooleanSetting>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<BooleanSetting path="disableStickyHeaders">
|
||||||
|
{{ $t('settings.disable_sticky_headers') }}
|
||||||
|
</BooleanSetting>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<BooleanSetting path="showScrollbars">
|
||||||
|
{{ $t('settings.show_scrollbars') }}
|
||||||
|
</BooleanSetting>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<UnitSetting
|
||||||
|
path="textSize"
|
||||||
|
step="0.1"
|
||||||
|
:units="['px', 'rem']"
|
||||||
|
:reset-default="{ 'px': 14, 'rem': 1 }"
|
||||||
|
timed-apply-mode
|
||||||
|
>
|
||||||
|
{{ $t('settings.text_size') }}
|
||||||
|
</UnitSetting>
|
||||||
|
<div>
|
||||||
|
<small>
|
||||||
|
<i18n-t
|
||||||
|
scope="global"
|
||||||
|
keypath="settings.text_size_tip"
|
||||||
|
tag="span"
|
||||||
|
>
|
||||||
|
<code>px</code>
|
||||||
|
<code>rem</code>
|
||||||
|
</i18n-t>
|
||||||
|
<br/>
|
||||||
|
<i18n-t
|
||||||
|
scope="global"
|
||||||
|
keypath="settings.text_size_tip2"
|
||||||
|
tag="span"
|
||||||
|
>
|
||||||
|
<code>14px</code>
|
||||||
|
</i18n-t>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script src="./appearance_tab.js"></script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.column-settings {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-evenly;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column-settings .size-label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Reference in new issue