Fixes mobile, colors and removes heading

.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

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">

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>

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>

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)

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",