diff options
Diffstat (limited to 'src/components/SettingsPane.vue')
| -rw-r--r-- | src/components/SettingsPane.vue | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/src/components/SettingsPane.vue b/src/components/SettingsPane.vue index 13a7f26..cf046c3 100644 --- a/src/components/SettingsPane.vue +++ b/src/components/SettingsPane.vue @@ -34,9 +34,12 @@ export default defineComponent({ } this.onLytOptChg(); }, + onTreeChg(){ + this.$emit('tree-change'); + }, }, components: {CloseIcon, }, - emits: ['settings-close', 'layout-option-change', ], + emits: ['settings-close', 'layout-option-change', 'tree-change', ], }); </script> @@ -115,5 +118,19 @@ export default defineComponent({ <label>Animation Duration <input type="range" min="0" max="3000" class="mx-2 w-[3cm]" v-model.number="uiOpts.tileChgDuration"/></label> </div> + <hr class="border-stone-400"/> + <div> + Tree + <ul> + <li> + <label> <input type="radio" v-model="uiOpts.useReducedTree" :value="false" + @change="onTreeChg"/> Default </label> + </li> + <li> + <label> <input type="radio" v-model="uiOpts.useReducedTree" :value="true" + @change="onTreeChg"/> Reduced </label> + </li> + </ul> + </div> </div> </template> |