add snap to range

NyaomiDEV · May 7, 2024 · 74218c7 · 74218c7
1 parent aa26d42
commit 74218c7
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/src/views/options/Accessibility.vue b/src/views/options/Accessibility.vue
@@ -88,14 +88,32 @@
 				<IonItem>
 					<IonLabel>
 						<h3>UI size</h3>
-						<IonRange v-model="config.fontScale"/>
+						<IonRange
+							v-model="config.fontScale"
+							:label="config.fontScale.toString()"
+							labelPlacement="end"
+							:min="0.5"
+							:max="1.5"
+							:step="0.1"
+							:snaps="true"
+							:ticks="true"
+						/>
 					</IonLabel>
 				</IonItem>
 
 				<IonItem>
 					<IonLabel>
 						<h3>Chat UI size</h3>
-						<IonRange v-model="config.chatFontScale" />
+						<IonRange
+							v-model="config.chatFontScale"
+							:label="config.chatFontScale.toString()"
+							labelPlacement="end"
+							:min="0.5"
+							:max="1.5"
+							:step="0.1"
+							:snaps="true"
+							:ticks="true"
+						/>
 					</IonLabel>
 				</IonItem>