生成sketch界面添加滚动条

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>