portal-ui/src/components/VideoComposeCard.vue

@@ -236,7 +236,6 @@
 	<a-modal
 		v-model:visible="assetPickerVisible"
 		title="选择素材"
-		width="620px"
 		:ok-button-props="{ disabled: !assetPickerSelectedKeys.length }"
 		@ok="confirmPickAssets">
 		<div class="vg-asset-picker">
@@ -2009,30 +2008,26 @@ defineExpose({
 }
 
 .vg-asset-picker {
-	display: grid;
+	display: flex;
-	grid-template-columns: repeat(3, minmax(0, 1fr));
+	flex-direction: column;
-	gap: 10px;
+	gap: 8px;
 	max-height: 420px;
 	overflow: auto;
 }
 
 .vg-asset-picker-item {
-	display: flex;
+	display: grid;
-	flex-direction: column;
+	grid-template-columns: 18px 56px 1fr;
-	align-items: center;
 	gap: 8px;
+	align-items: center;
 	padding: 8px;
 	border: 1px solid rgba(255, 255, 255, 0.08);
 	border-radius: 8px;
 }
 
-.vg-asset-picker-item > input[type='checkbox'] {
-	align-self: flex-start;
-}
-
 .vg-asset-picker-preview {
-	width: 112px;
+	width: 56px;
-	height: 112px;
+	height: 56px;
 	border-radius: 6px;
 	overflow: hidden;
 	background: rgba(255, 255, 255, 0.06);
@@ -2049,20 +2044,12 @@ defineExpose({
 }
 
 .vg-asset-picker-name {
-	width: 100%;
-	text-align: center;
 	font-size: 12px;
 	color: rgba(255, 255, 255, 0.85);
 	word-break: break-all;
-	display: -webkit-box;
-	-webkit-line-clamp: 2;
-	line-clamp: 2;
-	-webkit-box-orient: vertical;
-	overflow: hidden;
 }
 
 .vg-asset-picker-empty {
-	grid-column: 1 / -1;
 	color: rgba(255, 255, 255, 0.6);
 	font-size: 12px;
 	padding: 8px 0;