style：样式

frontend/src/components/home/Chat.vue

@@ -327,9 +327,8 @@ const sendCmd = () => {
   /* align-items: center; */
   /* justify-content: center; */
   height: auto;
-  margin: 10px;
+  padding: 8px;
   text-align: left;
-  border-radius: 4px;
   background: #f4f4f4;
   color: #4d4c4c;
 }

frontend/src/components/home/DevicePerformanceTabel.vue

 <template>
-  <div>
-    <div>
+  <div class="border-solid border-black border-1">
+    <div class="mb-2">
       <div class="float-left text-black ml-4">
-        <p>{{ props.devName }}</p>
+        <div class="h-8 text-sm justify-content flex items-center">{{ props.devName }}</div>
       </div>
       <div class="float-right">
         <el-switch 

frontend/src/style.css

@@ -2,7 +2,7 @@
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;
   font-weight: 400;
-  font-size: 14px;
+  font-size: 16px;
 
   color-scheme: light dark;
   /*color: rgba(255, 255, 255, 0.87);*/