Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

instance specific panel: style differently if docked into the about page

Browse source
This commit is contained in:
Ariadne Conill 2019-10-01 09:31:29 +00:00
parent e476318012
commit 69e551911c
3 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/about/about.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="sidebar"> <div class="sidebar">
<instance-specific-panel v-if="isMobileLayout || showInstanceSpecificPanel" /> <instance-specific-panel v-if="isMobileLayout || showInstanceSpecificPanel" header="true" />
<features-panel v-if="showFeaturesPanel" /> <features-panel v-if="showFeaturesPanel" />
<terms-of-service-panel /> <terms-of-service-panel />
</div> </div>

6
src/components/instance_specific_panel/instance_specific_panel.js
View file

@ -1,7 +1,13 @@
const InstanceSpecificPanel = { const InstanceSpecificPanel = {
props: [
'header'
],
computed: { computed: {
instanceSpecificPanelContent () { instanceSpecificPanelContent () {
return this.$store.state.instance.instanceSpecificPanelContent return this.$store.state.instance.instanceSpecificPanelContent
},
sitename () {
return this.$store.state.instance.name
} }
} }
} }

13
src/components/instance_specific_panel/instance_specific_panel.vue
View file

@ -1,7 +1,10 @@
<template> <template>
<div class="instance-specific-panel"> <div class="instance-specific-panel">
<div class="panel panel-default"> <div class="panel panel-default base01-background">
<div class="panel-body"> <div class="panel-heading timeline-heading base02-background base04" v-if="header">
<div class="title">{{ $t('nav.about') }} {{ sitename }}</div>
</div>
<div class="panel-body isp-content">
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->
<div v-html="instanceSpecificPanelContent" /> <div v-html="instanceSpecificPanelContent" />
<!-- eslint-enable vue/no-v-html --> <!-- eslint-enable vue/no-v-html -->
@ -11,3 +14,9 @@
</template> </template>
<script src="./instance_specific_panel.js" ></script> <script src="./instance_specific_panel.js" ></script>
<style lang="scss">
.isp-content {
margin: 1em
}
</style>