Adds option for page-specific custom styling

This commit is contained in:
Alicia Sykes
2022-04-30 23:22:02 +01:00
parent 1aecf32466
commit 6bf0ecba34
2 changed files with 15 additions and 1 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div id="dashy" :style="topLevelStyleModifications">
<div id="dashy" :style="topLevelStyleModifications" :class="subPageClassName">
<EditModeTopBanner v-if="isEditMode" />
<LoadingScreen :isLoading="isLoading" v-if="shouldShowSplash" />
<Header :pageInfo="pageInfo" />
@@ -72,6 +72,10 @@ export default {
isEditMode() {
return this.$store.state.editMode;
},
subPageClassName() {
const currentSubPage = this.$store.state.currentConfigInfo;
return (currentSubPage && currentSubPage.pageId) ? currentSubPage.pageId : '';
},
topLevelStyleModifications() {
const vc = this.visibleComponents;
if (!vc.footer && !vc.pageTitle) {