From 0647021d9b520e058923d2ed44fc487c513def5c Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 28 Jan 2023 16:35:01 +1100
Subject: Adjust mouse wheel handling

Account for horizontal mouse wheels
Use Ctrl for zooming, and Shift for panning
---
 src/components/IntroModal.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/components/IntroModal.vue')

diff --git a/src/components/IntroModal.vue b/src/components/IntroModal.vue
index b8c0319..8d778f6 100644
--- a/src/components/IntroModal.vue
+++ b/src/components/IntroModal.vue
@@ -18,12 +18,14 @@
 					<span class="font-bold">Drag the screen</span> to move
 				</li>
 				<li v-else>
-					<span class="font-bold">Scroll</span> or
-					<span class="font-bold">press {{vert ? 'up &amp; down': 'left &amp; right'}}</span>
+					<span class="font-bold">Scroll</span> or press
+					<span class="font-bold">{{vert ? 'Up &amp; Down': 'Left &amp; Right'}}</span>
 					to move
 				</li>
 				<li>
-					<span class="font-bold">{{touchDevice ? 'Pinch' : 'Hold shift'}}</span> to zoom in &amp; out
+					<span v-if="touchDevice">Pinch</span>
+					<span v-else>Hold <span class="font-bold">Ctrl</span></span>
+					to zoom in &amp; out
 				</li>
 			</ul>
 		</div>
-- 
cgit v1.2.3

