add client description

frontend/src/layouts/default/Default.vue

@@ -30,5 +30,7 @@ const isMobile = computed( ():boolean =>{
 .v-card-subtitle {
   text-align: center;
   border-bottom: 1px solid gray;
+  min-height: 20px;
+  margin-top: -20px;
 }
 </style>

frontend/src/layouts/modals/Client.vue

@@ -26,6 +26,9 @@
                 <v-col cols="12" sm="6" md="4">
                   <v-text-field v-model="client.name" :label="$t('client.name')" hide-details></v-text-field>
                 </v-col>
+                <v-col cols="12" sm="6" md="4">
+                  <v-text-field v-model="client.desc" :label="$t('client.desc')" hide-details></v-text-field>
+                </v-col>
               </v-row>
               <v-row>
                 <v-col cols="12" sm="6" md="4">

frontend/src/layouts/modals/Inbound.vue

@@ -125,11 +125,4 @@ export default {
     },
     components: { Listen, InTls, Hysteria2, Naive, Direct, Shadowsocks, Users, Hysteria, ShadowTls, TProxy, InMulitiplex, Tuic, Transport }
 }
-</script>
-
-<style>
-.v-card-subtitle {
-  text-align: center;
-  border-bottom: 1px solid gray;
-}
-</style>
+</script>

frontend/src/locales/en.ts

@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "Name",
+    desc: "Description",
     inboundTags: "Inbound Tags",
     basics: "Basics",
     config: "Config",

frontend/src/locales/fa.ts

@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "نام",
+    desc: "شرح",
     inboundTags: "برچسب‌های ورودی",
     basics: "پایه",
     config: "تنظیم",

frontend/src/locales/vi.ts

@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "Tên",
+    desc: "Mô tả",
     inboundTags: "Thẻ đầu vào",
     basics: "Cơ bản",
     config: "Cấu hình",

frontend/src/locales/zhcn.ts

@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "名称",
+    desc: "描述",
     inboundTags: "入站标签",
     basics: "基础",
     config: "配置",

frontend/src/locales/zhtw.ts

@@ -111,6 +111,7 @@ export default {
   },
   client: {
     name: "名稱",
+    desc: "描述",
     inboundTags: "入站標簽",
     basics: "基礎",
     config: "配置",

frontend/src/types/clients.ts

@@ -11,6 +11,7 @@ export interface Client {
 	expiry: number
   up: number
   down: number
+  desc: string
 }
 
 const defaultClient: Client = {
@@ -23,6 +24,7 @@ const defaultClient: Client = {
   expiry: 0,
   up: 0,
   down: 0,
+  desc: "",
 }
 
 type Config = {

frontend/src/views/Clients.vue

@@ -40,7 +40,11 @@
             </v-col>
           </v-row>
         </v-card-title>
-        <v-divider></v-divider>
+        <v-card-subtitle>
+          <v-row>
+            <v-col>{{ item.desc }}</v-col>
+          </v-row>
+        </v-card-subtitle>
         <v-card-text>
           <v-row>
             <v-col>{{ $t('pages.inbounds') }}</v-col>