diff --git a/package-lock.json b/package-lock.json
index 558439c..bc6db1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5417,7 +5417,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -5832,7 +5833,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -5888,6 +5890,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "2.1.1"
           }
@@ -5931,12 +5934,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
diff --git a/src/components/ControlPanel/lineLog/index.vue b/src/components/ControlPanel/lineLog/index.vue
new file mode 100644
index 0000000..8c81567
--- /dev/null
+++ b/src/components/ControlPanel/lineLog/index.vue
@@ -0,0 +1,16 @@
+<template>
+  <sui-container>
+    <div>test </div>
+  </sui-container>
+</template>
+
+<script>
+
+export default {
+  name: 'LineLog',
+  data () {
+    return {}
+  },
+  mounted () {}
+}
+</script>
diff --git a/src/components/ControlPanel/topMenu.vue b/src/components/ControlPanel/topMenu.vue
index 5271fa0..117266a 100644
--- a/src/components/ControlPanel/topMenu.vue
+++ b/src/components/ControlPanel/topMenu.vue
@@ -1,11 +1,11 @@
 <template>
   <sui-menu fluid borderless fixed='top'>
     <sui-container>
-      <sui-menu-menu>
+      <sui-menu-menu position="left">
         <sui-menu-item :active="activeItem === '' || activeItem === 'channel'">
           <router-link :to="{name: 'ChannelList'}">Channels</router-link>
         </sui-menu-item>
-        <sui-menu-item :active="activeItem !== '' && activeItem === 'linelog'" v-show="userInfo.type === 'system'">
+        <sui-menu-item :active="activeItem !== '' && activeItem === 'linelog'"  v-if="userInfo.type === 'system'">
           <router-link :to="{name: 'LineLog'}">Line Log</router-link>
         </sui-menu-item>
       </sui-menu-menu>
diff --git a/src/router.js b/src/router.js
index d77fa9a..e0185de 100644
--- a/src/router.js
+++ b/src/router.js
@@ -6,6 +6,7 @@ import ControlPanel from '@/components/ControlPanel'
 import ChannelList from '@/components/ControlPanel/channelList'
 import Channel from '@/components/ControlPanel/channel'
 import ChannelOpay from '@/components/ControlPanel/channel/opay'
+import LineLog from '@/components/ControlPanel/lineLog'
 
 import PublicOpayBar from '@/components/showDonateBar'
 
@@ -38,7 +39,7 @@ export default new Router({
           path: 'linelog',
           alias: '',
           name: 'LineLog',
-          component: null,
+          component: LineLog,
           meta: {
             topMenu: 'linelog'
           }