3 files changed, 7 insertions, 6 deletions
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue
index 46433f7..4f9165f 100644
--- a/src/components/SettingsModal.vue
+++ b/src/components/SettingsModal.vue
@@ -56,7 +56,7 @@
 					@change="onSettingChg('transitionDuration')" class="my-auto" name="animationTimeInput"/>
 				<div class="my-auto text-right">{{uiOpts.transitionDuration}} ms</div>
 				<!-- Row 2 -->
-				<label for="autoModeDelayInput">Auo-mode Delay</label>
+				<label for="autoModeDelayInput">Auto-mode Delay</label>
 				<input type="range" min="0" max="3000" v-model.number="uiOpts.autoActionDelay"
 					@change="onSettingChg('autoActionDelay')" class="my-auto" name="autoModeDelayInput"/>
 				<div class="my-auto text-right">{{uiOpts.autoActionDelay}} ms</div>
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%',
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index a85fa72..82db5d4 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -59,7 +59,8 @@
 import {defineComponent, PropType} from 'vue';
 import CloseIcon from './icon/CloseIcon.vue';
 import {LayoutNode, LayoutOptions} from '../layout';
-import {TolNode, TolMap, getServerResponse, DescInfo, ImgInfo, NodeInfo, InfoResponse, UiOptions} from '../lib';
+import {TolNode, TolMap, getServerResponse, getImagePath,
+	DescInfo, ImgInfo, NodeInfo, InfoResponse, UiOptions} from '../lib';
 import {capitalizeWords} from '../util';
 
 export default defineComponent({
@@ -111,7 +112,7 @@ export default defineComponent({
 				width: this.lytOpts.maxTileSz + 'px',
 				height: this.lytOpts.maxTileSz + 'px',
 				backgroundImage: imgName != null ?
-					'url(\'/img/' + imgName.replaceAll('\'', '\\\'') + '\')' :
+					`url('${getImagePath(imgName as string)}')` :
 					'none',
 				backgroundColor: this.uiOpts.bgColorDark,
 				backgroundSize: 'cover',