fix

src/component/HomePage/layout.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
 	<a-modal
-            class="layout_modal"
+            class="layout_modal generalModel"
             v-model:visible="layout"
             :footer="null"
             width="78%"
@@ -18,8 +18,10 @@
 						<div class="layout_title">{{ $t('layout.MoodBoardDesign') }}</div>
 					</div>
 				</div>
-				<div class="collection_closeIcon" @click.stop="cancelDsign()">
-					<i class="fi fi-rr-cross-small"></i>
+				<div class="generalModel_btn">
+					<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
+						<i class="fi fi-rr-cross-small"></i>
+					</div>
 				</div>
 				<div class="layout_nav">
 					<div v-for="item,index in layoutList" :key="item" :class="{active:item.setPitch}" @mousedown="setpitch(item,index)">
@@ -641,16 +643,6 @@ export default defineComponent({
 
 <style lang="less">
 .layout_modal {
-	-moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    -khtml-user-select: none;
-    user-select: none;
-	.ant-modal-content{
-		// transform: scale(1.2);
-		// transform-origin: center !important;
-	}
-	// max-width: 1150px;
     .ant-modal-body {
         padding: 0;
 		// height: calc(65vh - 6.4rem);
@@ -681,29 +673,7 @@ export default defineComponent({
 				color: rgba(0,0,0,.45);
 			}
 		}
-		.collection_closeIcon{
-			position: absolute;
-			top: calc(2rem*1.2);
-			right: calc(2rem*1.2);
-			cursor: pointer;
-			width: calc(4rem*1.2);
-			height: calc(4rem*1.2);
-			display: flex;
-			align-items: center;
-			justify-content: center;
-
-			.fi-rr-cross-small::before{
-				padding: calc(.2rem*1.2);
-				border-radius: 5px;
-				border: solid 2px rgba(0, 0, 0, 0.25);
-				transition: 1s all;
-				color: rgba(0, 0, 0, 0.55);
-			}
-			&.collection_closeIcon:hover .fi-rr-cross-small::before{
-				border: solid 2px rgba(0, 0, 0, 0.55);
-				color: rgba(0, 0, 0, 1);
-			}
-		}
+		
 		.layout_nav{
 			display: flex;
 			margin-top: calc(2rem*1.2);