🚨

Author: Vanessa219

app/src/layout/Wnd.ts

@@ -314,7 +314,7 @@ export class Wnd {
         this.resetLayout(layout);
     }
 
-    private resetLayout(layout: Layout) {
+    public resetLayout(layout: Layout) {
         if (layout.type === "center" || layout.type === "normal" || layout.children.length !== 1) {
             return;
         }
@@ -324,14 +324,17 @@ export class Wnd {
                 window.liandi.centerLayout.element.style.width = (window.liandi.centerLayout.element.clientWidth - 200) + "px";
                 layout.element.style.width = "206px";
             } else if (layout.type === "right" && layout.element.clientWidth < 7) {
-                window.liandi.centerLayout.element.style.width = (window.liandi.centerLayout.element.clientWidth - window.innerWidth / 3) + "px";
+                const rightWidth =  window.innerWidth / 3
+                window.liandi.centerLayout.element.style.width = (window.liandi.centerLayout.element.clientWidth - rightWidth) + "px";
+                window.liandi.rightLayoutWidth = rightWidth
             } else if (layout.type === "top" && layout.element.clientHeight < 7) {
                 window.liandi.centerLayout.parent.element.style.height = (window.liandi.centerLayout.parent.element.clientHeight - 200) + "px";
                 layout.element.style.height = "206px";
             } else if (layout.type === "bottom" &&
                 (layout.element.clientHeight + window.liandi.centerLayout.parent.element.clientHeight + window.liandi.topLayout.element.clientHeight > window.innerHeight
                     || layout.element.clientHeight < 7)) {
                 window.liandi.centerLayout.parent.element.style.height = (window.liandi.centerLayout.parent.element.clientHeight - 200) + "px";
+                window.liandi.bottomLayoutHeight = 200
             }
         } else if (layout.children[0].children.length === 1) {
             if (layout.type === "left" || layout.type === "right") {

app/src/websocket/onGetConfig.ts

@@ -53,11 +53,8 @@ const initBar = () => {
         const tab = new Tab({
             title: `<svg class="item__svg"><use xlink:href="#iconFiles"></use></svg> ${i18n[window.liandi.config.lang].fileTree}`,
             callback(tab: Tab) {
-                if (window.liandi.leftLayout.element.clientWidth < 7) {
-                    window.liandi.centerLayout.element.style.width = (window.liandi.centerLayout.element.clientWidth - 200) + "px";
-                    window.liandi.leftLayout.element.style.width = "206px";
-                }
                 tab.addModel(new Files(tab));
+                (window.liandi.leftLayout.children[0] as Wnd).resetLayout(window.liandi.leftLayout)
             }
         });
         (window.liandi.leftLayout.children[0] as Wnd).addTab(tab);
@@ -68,10 +65,8 @@ const initBar = () => {
             title: `<svg class="item__svg"><use xlink:href="#iconGraph"></use></svg> ${i18n[window.liandi.config.lang].graphView}`,
             panel: '<div class="graph__input"><input class="input"></div><div class="fn__flex-1"></div>',
             callback(tab: Tab) {
-                if (window.liandi.rightLayout.element.clientWidth < 7) {
-                    window.liandi.centerLayout.element.style.width = (window.liandi.centerLayout.element.clientWidth - window.innerWidth / 3) + "px";
-                }
                 tab.addModel(new Graph({tab}));
+                (window.liandi.rightLayout.children[0] as Wnd).resetLayout(window.liandi.rightLayout)
             }
         });
         (window.liandi.rightLayout.children[0] as Wnd).addTab(tab);