refactor: 调整弹窗安全边距, 优化BGM授权页

ani-rss-ui/bgm-oauth-callback.html

@@ -13,4 +13,7 @@
 <div id="app"></div>
 <script type="module" src="/src/bgm-oauth-callback/main.js"></script>
 </body>
+<style>
+    @import "@/style.css";
+</style>
 </html>

ani-rss-ui/index.html

@@ -22,6 +22,9 @@
 <div id="app"></div>
 <script type="module" src="/src/main.js"></script>
 </body>
+<style>
+    @import "@/style.css";
+</style>
 <!--自定义CSS-->
 <link rel="stylesheet" href="/api/custom.css"/>
 <!--自定义JS-->

ani-rss-ui/src/bgm-oauth-callback/App.vue

@@ -144,6 +144,7 @@ init()
   justify-content: center;
   align-items: center;
   width: 100%;
+  height: 100%;
 }
 
 .card {

ani-rss-ui/src/main.js

@@ -3,7 +3,6 @@ import Main from './Main.vue'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
-import './style.css'
 
 const app = createApp(Main)
 // 引入图标

ani-rss-ui/src/style.css

@@ -46,7 +46,7 @@ html.dark .el-card {
 .el-overlay-dialog {
     display: flex;
     flex-direction: column;
-    padding: 24px; /* 最小安全边距 */
+    padding: 12px; /* 最小安全边距 */
 }
 
 .el-dialog {
@@ -134,6 +134,12 @@ html, body, #app {
     .el-dialog {
         --el-dialog-width: 90%;
     }
+
+    #header {
+        display: flex;
+        justify-content: space-between;
+        width: 100%;
+    }
 }
 
 @media (min-width: 900px) {
@@ -154,22 +160,6 @@ html, body, #app {
     width: 100%;
 }
 
-@media (min-width: 450px) {
-    #header {
-        display: flex;
-        justify-content: space-between;
-        width: 100%;
-    }
-
-    #page {
-        display: flex;
-    }
-
-    #page-size {
-        margin-left: 5px;
-    }
-}
-
 .el-card__body {
     height: 100%;
     box-sizing: border-box;