diff options
Diffstat (limited to 'src/components/Tile.vue')
| -rw-r--r-- | src/components/Tile.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/Tile.vue b/src/components/Tile.vue index 15b8a0b..2a59d94 100644 --- a/src/components/Tile.vue +++ b/src/components/Tile.vue @@ -51,7 +51,7 @@ <script lang="ts"> import {defineComponent, PropType} from 'vue'; import InfoIcon from './icon/InfoIcon.vue'; -import {TolNode, TolMap, UiOptions} from '../lib'; +import {TolNode, TolMap, getImagePath, UiOptions} from '../lib'; import {LayoutNode, LayoutOptions} from '../layout'; import {capitalizeWords} from '../util'; @@ -215,7 +215,7 @@ export default defineComponent({ styles = { ...styles, backgroundImage: this.tolNode.imgName != null ? - `${scrimGradient},url('/img/${(this.tolNode.imgName as string).replaceAll('\'', '\\\'')}')` : + `${scrimGradient},url('${getImagePath(this.tolNode.imgName as string)}')` : 'none', backgroundColor: this.uiOpts.bgColorDark, backgroundSize: 'cover', @@ -499,7 +499,7 @@ export default defineComponent({ height: '100%', // Image (and scrims) backgroundImage: (this.tolNode.imgName![idx]! != null) ? - `${scrimGradient},url('/img/${(this.tolNode.imgName![idx] as string).replaceAll('\'', '\\\'')}')` : + `${scrimGradient},url('${getImagePath(this.tolNode.imgName![idx]! as string)}')` : 'none', backgroundColor: this.uiOpts.bgColorDark, backgroundSize: '125%', |