Rolled tri-layout to page edit and book-create

[bookstack] / resources / assets / js / components / tri-layout.js

diff --git a/resources/assets/js/components/tri-layout.js b/resources/assets/js/components/tri-layout.js
index cb6e02fcca47d3462fd7a5ec095ebe5215b5b442..d18d37d60318f606841057ec9f502825825e7ed6 100644 (file)
--- a/resources/assets/js/components/tri-layout.js
+++ b/resources/assets/js/components/tri-layout.js
@@ -18,7 +18,9 @@ class TriLayout {
     }
 
     updateLayout() {
-        const newLayout = (window.innerWidth <= 1000) ? 'mobile' : 'desktop';
+        let newLayout = 'tablet';
+        if (window.innerWidth <= 1000) newLayout =  'mobile';
+        if (window.innerWidth >= 1400) newLayout =  'desktop';
         if (newLayout === this.lastLayoutType) return;
 
         if (this.onDestroy) {
@@ -28,7 +30,7 @@ class TriLayout {
 
         if (newLayout === 'desktop') {
             this.setupDesktop();
-        } else {
+        } else if (newLayout === 'mobile') {
             this.setupMobile();
         }
 
@@ -50,7 +52,7 @@ class TriLayout {
     }
 
     setupDesktop() {
-        // TODO
+        //
     }
 
     /**