修复主题切换组件Bug，优化前端公告 markdown 样式

web/src/components/ThemeChange.vue

@@ -1,12 +1,19 @@
 <template>
-  <div class="theme-box" @click="toggleTheme">
-    <i class="iconfont" :class="themePage === 'light'?'icon-yueliang':'icon-taiyang'"></i>
+  <div class="theme-box" @click="toggleTheme" :class="size">
+    <i class="iconfont" :class="themePage === 'light' ? 'icon-yueliang' : 'icon-taiyang'"></i>
   </div>
 </template>
 
 <script setup>
-import {ref} from "vue";
-import {useSharedStore} from "@/store/sharedata";
+import { ref } from "vue";
+import { useSharedStore } from "@/store/sharedata";
+
+const props = defineProps({
+  size: {
+    type: String,
+    default: "",
+  },
+});
 
 // 定义主题状态，初始值从 localStorage 获取
 const store = useSharedStore();
@@ -20,7 +27,6 @@ const toggleTheme = () => {
 </script>
 
 <style lang="stylus" scoped>
-@import '@/assets/iconfont/iconfont.css'
 .theme-box{
   z-index :111
   position: fixed;
@@ -49,4 +55,17 @@ const toggleTheme = () => {
     transition: transform 0.3s ease;
   }
 }
+
+.theme-box.small {
+  position: relative !important;
+  right: initial;
+  bottom: initial;
+  width: 20px;
+  height: 20px;
+  line-height: 18px;
+
+  .iconfont {
+    font-size: 15px !important;
+  }
+}
 </style>

web/src/components/UserInfoDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog class="config-dialog" v-model="showDialog" :close-on-click-modal="true" :before-close="close" style="max-width: 400px" title="账户信息">
-    <div class="flex-center-col p-4 pt-0" id="user-info">
+    <div class="flex-center-col pl-4 pr-4" id="user-info">
       <user-profile @hide="close" />
     </div>
   </el-dialog>