Merge remote-tracking branch 'origin/master'

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "uptime-kuma",
-    "version": "1.16.1",
+    "version": "1.17.0-beta.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "uptime-kuma",
-            "version": "1.16.1",
+            "version": "1.17.0-beta.0",
             "license": "MIT",
             "dependencies": {
                 "@fortawesome/fontawesome-svg-core": "~1.2.36",

server/model/monitor.js

@@ -283,7 +283,7 @@ class Monitor extends BeanModel {
                             username: this.basic_auth_user,
                             password: this.basic_auth_pass,
                             domain: this.authDomain,
-                            workstation: this.authWorkstation,
+                            workstation: this.authWorkstation ? this.authWorkstation : undefined
                         });
 
                     } else {

src/assets/app.scss

@@ -383,6 +383,12 @@ optgroup {
         height: calc(100% - 65px);
     }
     
+    @media (max-width: 770px) {
+        &.scrollbar {
+            height: calc(100% - 40px);
+        }
+    }
+
     .item {
         display: block;
         text-decoration: none;

src/components/MonitorList.vue

@@ -69,10 +69,22 @@ export default {
         };
     },
     computed: {
+        /**
+         * Improve the sticky appearance of the list by increasing its
+         * height as user scrolls down.
+         * Not used on mobile.
+         */
         boxStyle() {
+            if (window.innerWidth > 550) {
                 return {
                     height: `calc(100vh - 160px + ${this.windowTop}px)`,
                 };
+            } else {
+                return {
+                    height: "calc(100vh - 160px)",
+                };
+            }
+
         },
 
         sortedMonitorList() {

src/pages/EditMonitor.vue

@@ -404,7 +404,7 @@
 
                                         <div class="my-3">
                                             <label for="basicauth" class="form-label">{{ $t("Workstation") }}</label>
-                                            <input id="basicauth-workstation" v-model="monitor.authWorkstation" type="password" autocomplete="new-password" class="form-control" :placeholder="$t('Workstation')">
+                                            <input id="basicauth-workstation" v-model="monitor.authWorkstation" type="text" class="form-control" :placeholder="$t('Workstation')">
                                         </div>
                                     </template>
                                 </template>

src/pages/List.vue

@@ -1,6 +1,6 @@
 <template>
     <transition name="slide-fade" appear>
-        <MonitorList />
+        <MonitorList :scrollbar="true" />
     </transition>
 </template>
 
@@ -14,3 +14,11 @@ export default {
 };
 </script>
 
+<style lang="scss" scoped>
+@import "../assets/vars";
+
+.shadow-box {
+    padding: 20px;
+}
+
+</style>

src/router.js

@@ -65,12 +65,12 @@ const routes = [
                                 path: "/add",
                                 component: EditMonitor,
                             },
+                        ],
+                    },
                     {
                         path: "/list",
                         component: List,
                     },
-                        ],
-                    },
                     {
                         path: "/settings",
                         component: Settings,