调整画布添加图片按钮样式

src/component/Detail/DesignDetail.vue

@@ -68,7 +68,7 @@
 						<div v-show="isEditPattern.value" style="margin-left: 2rem;" class="gallery_btn" @click="previwe">{{$t('DesignPrintOperation.Preview')}}</div>
 					</div>
 				</div>
-				<div class="item detailRight">
+				<div class="item detailRight" :class="{canvas:isEditPattern.value}">
 					<div class="submit">
 					</div>
 					<div class="contentRight" v-if="currentDetailType && !isEditPattern.value">
@@ -579,10 +579,12 @@ export default defineComponent({
 					display: flex;
 					flex-direction: column;
 					justify-content: space-between;
+					overflow: hidden;
 				}
 				&.isEditPattern{width: 0px;}
 				&.model{
-					width: 45rem;
+					flex: 1;
+					// width: 45rem;
 					// width: 50rem;
 					margin: 0 8rem;
 					// margin: 0 10rem;
@@ -590,7 +592,10 @@ export default defineComponent({
 					flex-direction: column;
 				}
 				&.detailRight{
-					flex: 1;
+					width: 30%;
+					&.canvas{
+						width: 60%;
+					}
 					display: flex;
 					flex-direction: column;
 					// padding-bottom: calc(6rem + 1rem);