add jobs to demo dashboard

fix header padding issue

Author: marle3003

webui/scripts/dashboard-demo/demo-configs/kafka.ts

@@ -0,0 +1,15 @@
+import { every } from 'mokapi';
+import kafka from 'mokapi/kafka';
+
+export default function() {
+    let counter = 1;
+    every('5m', function() {
+        const result = kafka.produce({
+            topic: 'order-topic',
+            messages: [
+                { key: 'random-message-' + counter++ }
+            ],
+        });
+        console.log(`offset=${result.messages[0].offset}, key=${result.messages[0].key}, value=${result.messages[0].value}`)
+    }, { times: 2, tags: { custom: 'random message generator' } });
+}

webui/src/assets/nav.css

@@ -12,11 +12,16 @@
   background-color: var(--color-background);
 }
 
-header .nav-item .nav-link {
+header .navbar-collapse:not(.show) .nav-item .nav-link {
+  padding-top: 7px;
+  padding-bottom: 0px;
+}
+
+header .navbar-collapse.show .nav-item .nav-link {
   padding-top: 7px;
   padding-bottom: 7px;
 }
-.navbar-collapse ul.dropdown-menu {
+header .navbar-collapse ul.dropdown-menu {
   padding-top: 0;
   padding-bottom: 0;
 }

webui/src/components/Header.vue

@@ -432,7 +432,7 @@ header .container-fluid {
   padding-bottom: 7px;
 }
 
-.nav-item .chapter > div a {
+header .navbar-collapse .nav-item .chapter > div a {
   padding-top: 0;
   padding-bottom: 0;
 }