From d807f71677c0e16e19733e99d0da56cc97cf8fce Mon Sep 17 00:00:00 2001
From: yys <47@gamerwa.com>
Date: Wed, 8 Apr 2026 09:43:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9B=BE=E7=94=9F=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=EF=BC=8C=E9=80=89=E6=8B=A9=E7=B4=A0=E6=9D=90=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 portal-ui/src/components/VideoComposeCard.vue | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/portal-ui/src/components/VideoComposeCard.vue b/portal-ui/src/components/VideoComposeCard.vue
index 60c400d..a70ed57 100644
--- a/portal-ui/src/components/VideoComposeCard.vue
+++ b/portal-ui/src/components/VideoComposeCard.vue
@@ -236,6 +236,7 @@
 	<a-modal
 		v-model:visible="assetPickerVisible"
 		title="选择素材"
+		width="620px"
 		:ok-button-props="{ disabled: !assetPickerSelectedKeys.length }"
 		@ok="confirmPickAssets">
 		<div class="vg-asset-picker">
@@ -2008,26 +2009,30 @@ defineExpose({
 }
 
 .vg-asset-picker {
-	display: flex;
-	flex-direction: column;
-	gap: 8px;
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	gap: 10px;
 	max-height: 420px;
 	overflow: auto;
 }
 
 .vg-asset-picker-item {
-	display: grid;
-	grid-template-columns: 18px 56px 1fr;
-	gap: 8px;
+	display: flex;
+	flex-direction: column;
 	align-items: center;
+	gap: 8px;
 	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: 56px;
-	height: 56px;
+	width: 112px;
+	height: 112px;
 	border-radius: 6px;
 	overflow: hidden;
 	background: rgba(255, 255, 255, 0.06);
@@ -2044,12 +2049,20 @@ 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;