Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/FiDA_Front

src/views/home/agent/components/Preview.vue

@@ -165,12 +165,17 @@
 		height: 100%;
 		gap: 1.2rem;
 		flex-wrap: wrap;
+		overflow-y: auto;
+		align-content: flex-start;
 		.sketch-item {
 			position: relative;
-			&,
+			width: calc((100% - 1.2rem * 3) / 4);
+			//设置比例
+			aspect-ratio: 1 / 1;
+			border-radius: 1.6rem;
 			img {
-				width: 21.9rem;
-				height: 21.9rem;
+				width: 100%;
+				height: 100%;
 				border-radius: 1.6rem;
 			}
 			.menu-btn {

src/views/home/left-nav.vue

@@ -48,7 +48,12 @@
 					<el-popover
 						placement="right"
 						trigger="click"
-						popper-style="padding: 1rem 0.5rem;"
+						width="10rem"
+						popper-style="
+							padding: .6rem 0.7rem;
+							border-radius: 1rem;
+							min-width: 10rem;
+						"
 						v-model:visible="item.visible"
 					>
 						<template #reference>
@@ -56,10 +61,20 @@
 						</template>
 						<div class="history-item-menu">
 							<div class="rename" @click="onRenameHistoryItem(item)">
-								{{ $t('Home.rename') }}
+								<div class="icon">
+									<svg-icon name="historyEdit" size="13" />
+								</div>
+								<span>
+									{{ $t('Home.rename') }}
+								</span>
 							</div>
 							<div class="delete" @click="onDeleteHistoryItem(item)">
-								{{ $t('Home.delete') }}
+								<div class="icon">
+									<svg-icon name="historyDelete" size="13" />
+								</div>
+								<span>
+									{{ $t('Home.delete') }}
+								</span>
 							</div>
 						</div>
 					</el-popover>
@@ -338,18 +353,24 @@
 	}
 	.history-item-menu {
 		user-select: none;
+		
 		> div {
 			cursor: pointer;
-			padding: 0.5rem 1rem;
+			padding: 0.6rem .7rem;
+			display: flex;
+			font-size: 1.3rem;
+			> .icon{
+				margin-right: .8rem;
+			}
 			&:hover {
 				background-color: rgba(0, 0, 0, 0.06);
 			}
 		}
 		> .rename {
-			color: #409eff;
+			color: #000;
 		}
 		> .delete {
-			color: #ff4d4f;
+			color: #ff4747;
 		}
 	}
 </style>