fix size

src/@layouts/components/TransitionExpand.vue

@@ -85,7 +85,7 @@ export default defineComponent({
 <style scoped>
 * {
   backface-visibility: hidden;
-  perspective: 1000px;
+  perspective: 62.5rem;
   transform: translateZ(0);
   will-change: block-size;
 }

src/components/cards/PluginAppCard.vue

@@ -53,7 +53,7 @@ async function installPlugin() {
       :style="{ background: `${props.plugin?.plugin_color}` }"
     >
       <VAvatar
-        size="128"
+        size="8rem"
         :class="{ shadow: isImageLoaded }"
       >
         <VImg

src/components/cards/PluginCard.vue

@@ -212,7 +212,7 @@ const dropdownItems = ref([
         </IconBtn>
       </div>
       <VAvatar
-        size="128"
+        size="8rem"
         :class="{ shadow: isImageLoaded }"
       >
         <VImg
@@ -236,7 +236,7 @@ const dropdownItems = ref([
   <!-- 插件配置页面 -->
   <VDialog
     v-model="pluginConfigDialog"
-    max-width="800"
+    max-width="50rem"
     scrollable
     persistent
   >
@@ -265,7 +265,7 @@ const dropdownItems = ref([
   <!-- 插件详情页面 -->
   <VDialog
     v-model="pluginInfoDialog"
-    max-width="1000"
+    max-width="62.5rem"
     scrollable
     persistent
   >

src/components/cards/SiteCard.vue

@@ -428,7 +428,7 @@ onMounted(() => {
   <!-- 站点编辑弹窗 -->
   <VDialog
     v-model="siteInfoDialog"
-    max-width="1000"
+    max-width="50rem"
     persistent
     scrollable
   >
@@ -559,7 +559,7 @@ onMounted(() => {
   <!-- 站点资源弹窗 -->
   <VDialog
     v-model="resourceDialog"
-    max-width="1280"
+    max-width="80rem"
     scrollable
   >
     <!-- Dialog Content -->

src/components/cards/SubscribeCard.vue

@@ -325,7 +325,7 @@ const dropdownItems = ref([
   <!-- 订阅编辑弹窗 -->
   <VDialog
     v-model="subscribeInfoDialog"
-    max-width="1000"
+    max-width="50rem"
     persistent
     scrollable
   >

src/components/filebrowser/List.vue

@@ -613,7 +613,7 @@ onMounted(() => {
   <!-- 文件整理弹窗 -->
   <VDialog
     v-model="transferPopper"
-    max-width="800"
+    max-width="50rem"
     scrollable
   >
     <template #activator="{ props }">
@@ -744,7 +744,7 @@ onMounted(() => {
   <vDialog
     v-model="progressDialog"
     :scrim="false"
-    width="400"
+    width="25rem"
   >
     <vCard
       color="primary"
@@ -763,7 +763,7 @@ onMounted(() => {
   <!-- 识别结果对话框 -->
   <vDialog
     v-model="nameTestDialog"
-    width="800"
+    width="50rem"
   >
     <vCard>
       <DialogCloseBtn @click="nameTestDialog = false" />
@@ -775,7 +775,7 @@ onMounted(() => {
   <!-- TMDB ID搜索框 -->
   <vDialog
     v-model="tmdbSelectorDialog"
-    width="600"
+    width="40rem"
     scrollable
   >
     <TmdbSelectorCard

src/layouts/components/UserProfile.vue

@@ -172,7 +172,7 @@ const avatar = store.state.auth.avatar
   <!-- 重启进度框 -->
   <vDialog
     v-model="progressDialog"
-    width="400"
+    width="25rem"
   >
     <vCard
       color="primary"

src/views/reorganize/TransferHistoryView.vue

@@ -446,7 +446,7 @@ const dropdownItems = ref([
   <vDialog
     v-model="progressDialog"
     :scrim="false"
-    width="400"
+    width="25rem"
   >
     <vCard
       color="primary"

src/views/setting/AccountSettingAccount.vue

@@ -408,7 +408,7 @@ onMounted(() => {
   <!-- 站点编辑弹窗 -->
   <VDialog
     v-model="addUserDialog"
-    max-width="800"
+    max-width="50rem"
     persistent
   >
     <!-- Dialog Content -->

src/views/site/SiteCardListView.vue

@@ -135,7 +135,7 @@ onBeforeMount(fetchData)
   <!-- Dialog Content -->
   <VDialog
     v-model="siteAddDialog"
-    max-width="800"
+    max-width="50rem"
     persistent
     scrollable
   >