✨ feat: 优化关于页面和配置页面样式，添加重启按钮功能

astrbot/dashboard/routes/stat.py

@@ -16,7 +16,7 @@ class StatRoute(Route):
             '/stat/get': ('GET', self.get_stat),
             '/stat/version': ('GET', self.get_version),
             '/stat/start-time': ('GET', self.get_start_time),
-            '/stat/restart-core': ('GET', self.restart_core)
+            '/stat/restart-core': ('POST', self.restart_core)
         }
         self.db_helper = db_helper
         self.register_routes()

dashboard/src/components/shared/ListConfigItem.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="list-config-item">
       <h3>{{ label }}</h3>
-      <v-list dense style="background-color: transparent;max-height: 300px; overflow-y: scroll;" >
+      <v-list dense style="background-color: transparent;max-height: 300px; overflow-y: auto;" >
         <v-list-item v-for="(item, index) in items" :key="index">
           <v-list-item-content style="display: flex; justify-content: space-between;">
             <v-list-item-title>

dashboard/src/views/AboutPage.vue

@@ -1,6 +1,6 @@
 <template>
     <v-card style="height: 100%;">
-        <v-card-text style="padding: 0; height: 100%;">
+        <v-card-text style="padding: 0; height: 100%; overflow-y: auto;">
             <div
                 style="display: flex; justify-content: center; align-items: center; height: 100%; flex-direction: column;">
                 <div @click="selectedLogo = selectedLogo == 0 ? 1 : 0" style="height: 300px;">
@@ -14,12 +14,28 @@
 
                 <span class="mt-2" style="color: #777;">A project out of interests and loves ❤️</span>
 
-                <span style="color: #777;" class="mt-4">By <a href="https://soulter.top">Soulter</a>, <a
+                <span style="color: #777; margin-left: 32px; margin-right: 32px" class="mt-4">By <a
+                        href="https://soulter.top">Soulter</a>, <a
                         href="https://github.com/Soulter/AstrBot/graphs/contributors">AstrBot Contributors</a>
-                        and <a href="https://github.com/Soulter/AstrBot_Plugins_Collection/graphs/contributors">AstrBot Plugin Authors</a>
+                    and <a href="https://github.com/Soulter/AstrBot_Plugins_Collection/graphs/contributors">AstrBot
+                        Plugin Authors</a>
                 </span>
 
-                <v-btn class="text-primary mt-16" @click="open('https://github.com/Soulter/AstrBot')"
+                <!-- Copy-paste in your Readme.md file -->
+
+                <img style="margin-top: 16px; width: 50%; max-width: 500px; margin-left: 32px; margin-right: 32px"
+                    alt="Active Contributors of Soulter/AstrBot - Last 28 days"
+                    src="https://next.ossinsight.io/widgets/official/compose-recent-active-contributors/thumbnail.png?repo_id=575865240&limit=365&image_size=auto&color_scheme=light">
+
+                <img style="margin-top: 16px; width: 50%; max-width: 500px; margin-left: 32px; margin-right: 32px"
+                    alt="Active Contributors of Soulter/AstrBot - Last 28 days"
+                    src="https://next.ossinsight.io/widgets/official/analyze-repo-stars-map/thumbnail.png?activity=stars&repo_id=575865240&image_size=auto&color_scheme=light
+">
+
+                
+                <!-- Made with [OSS Insight](https://ossinsight.io/) -->
+
+                <v-btn class="text-primary mt-8" @click="open('https://github.com/Soulter/AstrBot')"
                     color="lightprimary" variant="flat" rounded="sm">
                     Star 这个项目! 🌟
                 </v-btn>

dashboard/src/views/ConfigPage.vue

@@ -45,8 +45,8 @@ import config from '@/config';
               <v-expansion-panel-text v-if="metadata[key]['metadata'][key2]?.config_template">
                 <!-- 带有 config_template 的配置项 -->
 
-                <v-alert style="margin-top: 16px; margin-bottom: 16px" color="primary" variant="tonal">
-                  消息平台适配器和服务提供商的配置已经迁移至更方便的独立页面！推荐前往左栏配置哦～
+                <v-alert style="margin-top: 16px; margin-bottom: 16px" color="primary" variant="tonal" v-if="key2 === 'platform' || key2 === 'provider'">
+                  😄 消息平台适配器和服务提供商的配置已经迁移至更方便的独立页面！推荐前往左栏配置哦～
                 </v-alert>
 
                 <v-tabs style="margin-top: 16px;" align-tabs="left" color="deep-purple-accent-4" v-model="config_template_tab">

dashboard/src/views/Settings.vue

@@ -12,16 +12,32 @@
                 </v-combobox>
             </v-list-item>
 
+            <v-list-subheader>系统</v-list-subheader>
+
+            <v-list-item subtitle="重启 AstrBot" title="重启">
+                <v-btn style="margin-top: 16px;" color="error" @click="restartAstrBot">重启</v-btn>
+            </v-list-item>
+
+            
+
 
         </v-list>
 
     </div>
 
+    <WaitingForRestart ref="wfr"></WaitingForRestart>
+
 
 </template>
 
 <script>
+import axios from 'axios';
+import WaitingForRestart from '@/components/shared/WaitingForRestart.vue';
+
 export default {
+    components: {
+        WaitingForRestart,
+    },
     data() {
         return {
             githubProxies: [
@@ -35,7 +51,11 @@ export default {
         }
     },
     methods: {
-
+        restartAstrBot() {
+            axios.post('/api/stat/restart-core').then(() => {
+                this.$refs.wfr.check();
+            })
+        }
     },
     mounted() {
         this.selectedGitHubProxy = localStorage.getItem('selectedGitHubProxy') || "";