From bdc3bf69fae2e61aed8b3e41f46d2b0675a88231 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 27 Mar 2022 17:45:48 +1100
Subject: Add faster rect-layout algorithm

---
 src/App.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/App.vue')

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>
-- 
cgit v1.2.3

