aboutsummaryrefslogtreecommitdiff
path: root/src/App.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-03-27 17:45:48 +1100
committerTerry Truong <terry06890@gmail.com>2022-03-27 18:02:55 +1100
commitbdc3bf69fae2e61aed8b3e41f46d2b0675a88231 (patch)
treede31d85550736c8f224ef5fb9d146cd8348ed0de /src/App.vue
parent3e5f65f838b4a6676eaaf37ac25690176e51b6e0 (diff)
Add faster rect-layout algorithm
Diffstat (limited to 'src/App.vue')
-rw-r--r--src/App.vue4
1 files changed, 2 insertions, 2 deletions
diff --git a/src/App.vue b/src/App.vue
index 91cb7bc..51e2f79 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -44,7 +44,7 @@ const defaultLayoutOptions: LayoutOptions = {
minTileSz: 50, //px
maxTileSz: 200, //px
layoutType: 'sweep', //'sqr' | 'rect' | 'sweep'
- rectMode: 'auto', //'horz' | 'vert' | 'linear' | 'auto'
+ rectMode: 'auto first-row', //'horz' | 'vert' | 'linear' | 'auto' | 'auto first-row'
sweepMode: 'left', //'left' | 'top' | 'shorter' | 'auto'
sweptNodesPrio: 'pow-2/3', //'linear' | 'sqrt' | 'pow-2/3'
sweepingToParent: true,
@@ -469,7 +469,7 @@ export default defineComponent({
<settings v-if="settingsOpen" :layoutOptions="layoutOptions" :componentOptions="componentOptions"
@settings-close="onSettingsClose" @layout-option-change="onLayoutOptionChange"/>
<!-- outer div prevents transition interference with inner rotate -->
- <div v-else class="absolute bottom-0 right-0 w-[100px] h-[100px]">
+ <div v-else class="absolute bottom-0 right-0 w-[100px] h-[100px] invisible">
<div class="absolute bottom-[-50px] right-[-50px] w-[100px] h-[100px] visible -rotate-45
bg-black text-white hover:cursor-pointer" @click="onSettingsIconClick">
<svg class="w-6 h-6 mx-auto mt-2"><use href="#svg-settings"/></svg>