From 1812995d4da3049b5cc4bba0f26b2872b491d7f7 Mon Sep 17 00:00:00 2001
From: Jianhui Zhao <zhaojh329@gmail.com>
Date: Sat, 16 Aug 2025 11:25:01 +0800
Subject: [PATCH] ui: add banner info

Signed-off-by: Jianhui Zhao <zhaojh329@gmail.com>
---
 ui/src/components/RttyTerm.vue |  9 +++++++++
 ui/src/views/Home.vue          | 12 +++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/RttyTerm.vue b/ui/src/components/RttyTerm.vue
index 8a2dd17..2af4c8e 100644
--- a/ui/src/components/RttyTerm.vue
+++ b/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())
diff --git a/ui/src/views/Home.vue b/ui/src/views/Home.vue
index ea2e838..2f46f0a 100644
--- a/ui/src/views/Home.vue
+++ b/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;