【更新】个人中心布局优化

snowy-admin-web/src/views/sys/user/userCenter.vue

@@ -1,7 +1,8 @@
 <template>
-	<a-row :gutter="10">
-		<a-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7" class="mb-3">
-			<a-card :bordered="false">
+	<div class="h-dvh mb-3">
+		<a-row :gutter="10" class="h-full">
+			<a-col :xs="24" :sm="24" :md="7" :lg="7" :xl="7">
+				<a-card :bordered="false" class="h-full">
 					<div class="account-center-avatarHolder">
 						<div class="avatar">
 							<a-spin size="small" :spinning="avatarLoading">
@@ -35,7 +36,7 @@
 			<a-col :xs="24" :sm="24" :md="17" :lg="17" :xl="17">
 				<a-card
 					:bordered="false"
-				class="xn-wd"
+					class="xn-wd h-full"
 					:tab-list="tabList"
 					:active-tab-key="noTitleKey"
 					@tabChange="(key) => onTabChange(key, 'key')"
@@ -58,7 +59,13 @@
 				</a-card>
 			</a-col>
 		</a-row>
-	<CropUpload ref="cropUploadRef" :img-src="userInfo ? userInfo.avatar : undefined" @successful="cropUploadSuccess" :z-index="2000" />
+		<CropUpload
+			ref="cropUploadRef"
+			:img-src="userInfo ? userInfo.avatar : undefined"
+			@successful="cropUploadSuccess"
+			:z-index="2000"
+		/>
+	</div>
 </template>
 
 <script setup name="userCenter">