fix(style): 🐛 统一修复svg点击时有轮廓问题

src/components/rightBox/chatBox/ChatFooter.vue

@@ -157,7 +157,6 @@ onMounted(() => {
     width: 22px;
     height: 22px;
     cursor: pointer;
-    outline: none;
     &:hover {
       color: #13987f;
     }

src/layout/left/components/ActionList.vue

@@ -49,7 +49,7 @@
       <!-- (独立)菜单选项 -->
       <n-popover style="padding: 8px; margin-left: 4px" :show-arrow="false" trigger="hover" placement="right">
         <template #trigger>
-          <svg style="outline: none" class="size-22px top-action">
+          <svg class="size-22px top-action">
             <use href="#menu"></use>
           </svg>
         </template>
@@ -118,7 +118,6 @@
         trigger="click">
         <template #trigger>
           <svg
-            style="outline: none"
             :class="{ 'color-#13987f': settingShow }"
             class="more size-22px relative"
             @click="settingShow = !settingShow">

src/styles/scss/chat-header.scss

@@ -4,7 +4,6 @@
     svg {
       width: 22px;
       height: 22px;
-      outline: none;
     }
     &:hover svg {
       color: #13987f;

src/styles/scss/global/variable.scss

@@ -4,7 +4,8 @@
   font-weight: 500 !important;
   caret-color: #13987f !important;  /* 改变输入框光标的颜色 */
 }
-html, body {
+html, body, svg {
+  outline: none;
   overscroll-behavior: none; // 禁止mac的“触底反弹”效果
 }
 /**! 主题变量 */

src/styles/scss/msg-input.scss

@@ -7,7 +7,6 @@
   background: none; /** 无背景 */
   border: none; /** 边框样式，可根据需求修改 */
   border-radius: 0; /** 边框圆角 */
-  outline: none; /** 点击时无轮廓 */
   min-height: 90px; /** 最小高度 */
   line-height: 20px; /** 行高 */
   overflow: auto; /** 内容过多时允许滚动 */
@@ -25,4 +24,4 @@
 }
 .active {
   background-color: var(--bg-group-hover);
-}
+}