diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-28 11:05:39 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-28 14:45:26 +1000 |
| commit | 053567d2ad81fefbd5e52e3ba15cf7511205a963 (patch) | |
| tree | f7770a23da34fa4cbf229e93aedeb38ef2cc7def /src/components/Tile.vue | |
| parent | ea2ee038f55ed770dfb18f5cdd3a9f9797bd24ef (diff) | |
Add getImagePath() to lib.ts
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%', |