优化对话框组件的样式和属性设置

src/components/dialog/ForkSubscribeDialog.vue

@@ -179,7 +179,9 @@ onMounted(() => {
             </div>
             <div class="flex-grow">
               <VCardItem>
-                <VCardTitle class="text-center text-md-left">
+                <VCardTitle
+                  class="text-center text-md-left break-words whitespace-break-spaces line-clamp-2 overflow-hidden text-ellipsis"
+                >
                   {{ props.media?.share_title }}
                 </VCardTitle>
                 <VCardSubtitle

src/components/dialog/SiteResourceDialog.vue

@@ -99,7 +99,7 @@ onMounted(() => {
 })
 </script>
 <template>
-  <VDialog max-width="80rem" scrollable z-index="1010" :fullscreen="!display.mdAndUp.value">
+  <VDialog max-width="80rem" scrollable :fullscreen="!display.mdAndUp.value">
     <VCard :title="`浏览 - ${props.site?.name}`">
       <DialogCloseBtn @click="emit('close')" />
       <VDivider />

src/views/user/UserProfileView.vue

@@ -403,7 +403,7 @@ watch(
     </VRow>
 
     <!-- 双重验证弹窗 -->
-    <VDialog v-model="otpDialog" max-width="45rem" persistent z-index="1010">
+    <VDialog v-model="otpDialog" max-width="45rem" persistent scrollable>
       <!-- 开启双重验证弹窗内容 -->
       <VCard>
         <DialogCloseBtn @click="otpDialog = false" />