2023-11-6-1

src/component/HomePage/SketchboardUpload.vue

@@ -138,6 +138,10 @@
                         </div>
                     </div>
                 </div>
+				<div class="upload_max_tip">
+					<span class="icon iconfont icon-zhuyi"></span>
+					<span>{{ $t('SketchboardUpload.Maximum') }}</span>
+				</div>
             </div>
 
             <Material
@@ -700,12 +704,14 @@ export default defineComponent({
             }
         }
 		.sketchboard_body {
-        // height: calc(100% - 5rem);
-		flex: 1;
-        padding-top: 2.5rem;
-        height: 30rem;
-        overflow-x: hidden;
-        border-right: 1px solid #e5e5e5;
+			// height: calc(100% - 5rem);
+			flex: 1;
+			padding-top: 2.5rem;
+			height: 30rem;
+			overflow-x: hidden;
+			border-right: 1px solid #e5e5e5;
+			display: flex;
+			flex-direction: column;
         &.moodboard_body::-webkit-scrollbar {
             display: none;
         }
@@ -783,7 +789,18 @@ export default defineComponent({
             }
 			
 		}
-       
+		.upload_max_tip {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			font-size: 1.4rem;
+			color: #030303;
+
+			.icon-zhuyi {
+				font-size: 1.6rem;
+				margin-right: 0.7rem;
+			}
+		}
     }
 	}
     .delete_like_file_block{
@@ -847,6 +864,7 @@ export default defineComponent({
 					position: relative;
 					text-align: center;
 					cursor: pointer;
+					overflow: hidden;
 					img{
 						// width: 100%;
 						width: auto;