viewer: show/hide the left panel depending on the viewport's width at init

GitHub: Resolves #103

2 files changed, 2 insertions, 1 deletions

diff --git a/viewer/.env b/viewer/.env
index 0914292..4721300 100644
--- a/viewer/.env
+++ b/viewer/.env
@@ -3,3 +3,4 @@
 VUE_APP_I18N_LOCALE=en
 VUE_APP_I18N_FALLBACK_LOCALE=en
 VUE_APP_DATA_URL=./
+VUE_APP_FULLWIDTH_LIMIT=1500
diff --git a/viewer/src/store/uiStore.ts b/viewer/src/store/uiStore.ts
index 1e63b3e..1d0d62f 100644
--- a/viewer/src/store/uiStore.ts
+++ b/viewer/src/store/uiStore.ts
@@ -27,7 +27,7 @@ const VuexModule = createModule({
 export default class UIStore extends VuexModule {
 
     fullscreen: boolean = false;
-    fullWidth: boolean = true;
+    fullWidth: boolean = window.innerWidth < Number(process.env.VUE_APP_FULLWIDTH_LIMIT);
     searchMode: boolean = false;
 
     // ---