From f193d0f4b38f995645faf5c8a15fcf3c31f0688a Mon Sep 17 00:00:00 2001
From: ducdat0507 <62660527+ducdat0507@users.noreply.github.com>
Date: Tue, 13 Dec 2022 17:58:09 +0700
Subject: [PATCH] Align modifiers

---
 src/components/Options.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Options.vue b/src/components/Options.vue
index b8be08b..4ac105a 100644
--- a/src/components/Options.vue
+++ b/src/components/Options.vue
@@ -11,6 +11,7 @@
             <Toggle :title="autosaveTitle" v-model="autosave" />
             <Toggle v-if="projInfo.enablePausing" :title="isPausedTitle" v-model="isPaused" />
             <Toggle :title="progressMethodTitle" v-model="usingLog" />
+            <Toggle :title="alignModifierUnitsTitle" v-model="alignUnits" />
         </template>
     </Modal>
 </template>
@@ -47,7 +48,7 @@ const settingFieldsComponent = computed(() => {
 });
 
 const { showTPS, theme } = toRefs(settings);
-const { autosave, usingLog } = toRefs(player);
+const { autosave, usingLog, alignUnits } = toRefs(player);
 const isPaused = computed({
     get() {
         return player.devSpeed === 0;
@@ -69,7 +70,12 @@ const isPausedTitle = jsx(() => (
 ));
 const progressMethodTitle = jsx(() => (
     <span>
-        Use log for progress bar<Tooltip display="Save-specific">*</Tooltip>
+        Logarithmic progress bars<Tooltip display="Save-specific">*</Tooltip>
+    </span>
+));
+const alignModifierUnitsTitle = jsx(() => (
+    <span>
+        Align modifier units<Tooltip display="Save-specific">*</Tooltip>
     </span>
 ));
 </script>