ui: add banner info

Signed-off-by: Jianhui Zhao <zhaojh329@gmail.com>

ui/src/components/RttyTerm.vue

@@ -367,6 +367,15 @@ const openTerm = () => {
   nextTick(() => term.focus())
 
   isConnected.value = true
+
+  term.writeln([
+    ' ┌─────────────────────────────────────────────────────────────┐',
+    ' │  \x1b[36;1mPowered by rtty\x1b[0m(https://github.com/zhaojh329/rtty)         │',
+    ' │                                                             │',
+    ' │ ⮞ For more operations, please right-click the mouse.        │',
+    ' └─────────────────────────────────────────────────────────────┘',
+    ''
+  ].join('\n\r'))
 }
 
 const dispose = () => disposables.forEach(d => d.dispose())

ui/src/views/Home.vue

@@ -17,7 +17,7 @@
     </el-header>
     <el-main>
       <el-card>
-        <el-table height="calc(100vh - 215px)" :loading="loading" :data="pagedevlists" :empty-text="$t('No devices connected')" @selection-change='handleSelection'>
+        <el-table height="calc(100vh - 225px)" :loading="loading" :data="pagedevlists" :empty-text="$t('No devices connected')" @selection-change='handleSelection'>
           <el-table-column type="selection" width="40" />
           <el-table-column prop="id" :label="$t('Device ID')" width="300" />
           <el-table-column :label="$t('Connected time')" width="150">
@@ -45,6 +45,10 @@
           <el-pagination background layout="prev, pager, next, total,sizes" :total="filteredDevices.length" @change="handlePageChange" class="pagination"/>
         </template>
       </el-card>
+      <div class="footer">
+        <el-text type="info">Powered by </el-text>
+        <el-link type="primary" href="https://github.com/zhaojh329/rtty" target="_blank">rtty</el-link>
+      </div>
     </el-main>
     <RttyCmd ref="rttyCmd" :selection="selection"/>
     <RttyWeb v-model="web.modal" :dev="web.dev"/>
@@ -179,6 +183,12 @@ onMounted(() => getGroups())
   justify-content: space-between;
 }
 
+.footer {
+  float: right;
+  padding-right: 20px;
+  height: 10px;
+}
+
 .pagination {
   display: flex;
   justify-content: center;