From 52729fa980fbbbe7d76958bda37f73783155b657 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Thu, 8 Apr 2021 14:36:43 -0700
Subject: [PATCH] Fixes mobile, colors and removes heading

---
 .reflex                | 2 +-
 assets/App.vue         | 2 +-
 assets/pages/Index.vue | 2 +-
 assets/pages/Login.vue | 8 +-------
 main.go                | 7 ++++++-
 package.json           | 2 +-
 6 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/.reflex b/.reflex
index 49d50f5b..351ed69b 100644
--- a/.reflex
+++ b/.reflex
@@ -1 +1 @@
--r '\.(go)$' -R 'node_modules' -G '*_test.go' -s -- go run main.go --level debug
+-r '\.(go)$' -R 'node_modules' -G '*_test.go' -s -- go run main.go --level debug --username amir --password pass --key test
diff --git a/assets/App.vue b/assets/App.vue
index ffe74334..e76b0cc8 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -1,6 +1,6 @@
 <template>
   <main>
-    <mobile-menu v-if="isMobile"></mobile-menu>
+    <mobile-menu v-if="isMobile && !authorizationNeeded"></mobile-menu>
 
     <splitpanes @resized="onResized($event)">
       <pane min-size="10" :size="settings.menuWidth" v-if="!authorizationNeeded && !isMobile && !collapseNav">
diff --git a/assets/pages/Index.vue b/assets/pages/Index.vue
index 783686bd..fc8d8014 100644
--- a/assets/pages/Index.vue
+++ b/assets/pages/Index.vue
@@ -8,7 +8,7 @@
               <h1 class="title">Hello, there!</h1>
             </div>
             <div class="column is-narrow" v-if="secured">
-              <a class="button is-warning is-light is-small" :href="`${base}/logout`">Logout</a>
+              <a class="button is-primary is-small" :href="`${base}/logout`">Logout</a>
             </div>
           </div>
         </div>
diff --git a/assets/pages/Login.vue b/assets/pages/Login.vue
index 8692acdd..b539aa7d 100644
--- a/assets/pages/Login.vue
+++ b/assets/pages/Login.vue
@@ -5,9 +5,6 @@
         <section class="columns is-centered section">
           <div class="column is-4">
             <div class="card">
-              <div class="card-header">
-                <div class="card-header-title is-size-4">Authentication Required</div>
-              </div>
               <div class="card-content">
                 <form action="" method="post" @submit.prevent="onLogin" ref="form">
                   <div class="field">
@@ -32,10 +29,7 @@
                   </div>
                   <div class="field is-grouped is-grouped-centered mt-5">
                     <p class="control">
-                      <button class="button is-light" type="reset">Reset</button>
-                    </p>
-                    <p class="control">
-                      <button class="button is-primary" type="submit">Submit</button>
+                      <button class="button is-primary" type="submit">Login</button>
                     </p>
                   </div>
                 </form>
diff --git a/main.go b/main.go
index f1f4045e..b1c29cf0 100644
--- a/main.go
+++ b/main.go
@@ -118,6 +118,11 @@ func main() {
 		log.Fatalf("Could not open embedded static folder: %v", err)
 	}
 
+	if _, ok := os.LookupEnv("LIVE_FS"); ok {
+		log.Info("Using live filesystem at ./static")
+		static = os.DirFS("./static")
+	}
+
 	srv := web.CreateServer(dockerClient, static, config)
 
 	go func() {
@@ -131,7 +136,7 @@ func main() {
 	signal.Notify(c, os.Interrupt)
 	signal.Notify(c, os.Kill)
 	<-c
-	log.Infof("Shutting down...")
+	log.Info("Shutting down...")
 	ctx, cancel := context.WithTimeout(context.Background(), 2*time.Second)
 	defer cancel()
 	srv.Shutdown(ctx)
diff --git a/package.json b/package.json
index b95895ac..8d5bb1a9 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
  "scripts": {
   "watch": "npm-run-all -p watch:*",
   "watch:assets": "webpack --mode=development --watch",
-  "watch:server": "reflex -c .reflex",
+  "watch:server": "LIVE_FS=true reflex -c .reflex",
   "predev": "make fake_static",
   "dev": "npm-run-all -p dev-server watch:server",
   "dev-server": "webpack serve --mode=development",