style(views): 调整字体大小和布局样式

统一调整多个视图中的字体大小，优化表单标签布局和表格样式

cwd-admin/src/views/CommentsView.vue

@@ -47,7 +47,12 @@
                 </div>
                 <span class="cell-time">{{ formatDate(item.created) }}</span>
                 <div v-if="item.ipAddress" class="cell-author-ip">
-                  <span class="cell-ip-text" @click="handleBlockIp(item)" title="屏蔽该 IP">{{ item.ipAddress }}</span>
+                  <span
+                    class="cell-ip-text"
+                    @click="handleBlockIp(item)"
+                    title="屏蔽该 IP"
+                    >{{ item.ipAddress }}</span
+                  >
                 </div>
               </div>
             </div>
@@ -419,7 +424,7 @@ onMounted(() => {
   border-bottom: none;
 }
 
-.table-row:hover .table-cell{
+.table-row:hover .table-cell {
   background-color: #f8f9fa;
 }
 
@@ -430,6 +435,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   box-sizing: border-box;
+  overflow: hidden;
   border-bottom: 1px solid #eaeae0;
 }
 
@@ -491,13 +497,13 @@ onMounted(() => {
 }
 
 .cell-author-name {
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500;
   margin-bottom: 2px;
 }
 
 .cell-author-email {
-  font-size: 11px;
+  font-size: 12px;
   color: #57606a;
   word-break: break-all;
   margin-bottom: 2px;
@@ -558,7 +564,7 @@ onMounted(() => {
 .cell-status {
   padding: 3px 8px;
   border-radius: 999px;
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 500;
 }
 

cwd-admin/src/views/LayoutView.vue

@@ -246,7 +246,7 @@ function handleLogoutFromActions() {
 .menu-item {
   padding: 10px 16px;
   cursor: pointer;
-  font-size: 14px;
+  font-size: 15px;
   color: #24292f;
 }
 

cwd-admin/src/views/SettingsView.vue

@@ -40,10 +40,10 @@
         </div>
         <h3 class="card-title">安全设置</h3>
         <div class="form-item">
-          <label class="form-label">管理员评论密钥</label>
+          <label class="form-label">
-          <div class="form-hint" style="margin-bottom: 4px">
+            管理员评论密钥（设置后前台使用管理员邮箱评论需输入此密钥。）
-            设置后前台使用管理员邮箱评论需输入此密钥。
+          </label>
-          </div>
+
           <input
             v-model="commentAdminKey"
             class="form-input"
@@ -52,9 +52,9 @@
           />
         </div>
         <div class="form-item">
-          <label class="form-label"
+          <label class="form-label">
-            >允许调用的域名（多个域名用逗号分隔，留空则不限制。设置后仅匹配域名可调用前台评论组件。）</label
+            允许调用的域名（多个域名用逗号分隔，留空则不限制。设置后仅匹配域名可调用前台评论组件。）
-          >
+          </label>
           <textarea
             v-model="allowedDomains"
             class="form-input"
@@ -63,9 +63,9 @@
           ></textarea>
         </div>
         <div class="form-item">
-          <label class="form-label"
+          <label class="form-label">
-            >IP 黑名单（多个 IP 用逗号或换行分隔，留空则不限制）</label
+            IP 黑名单（多个 IP 用逗号或换行分隔，留空则不限制）
-          >
+          </label>
           <textarea
             v-model="blockedIps"
             class="form-input"