fix PackageConfigList.vue style

src/pages/package/PackageConfigList.vue

@@ -28,13 +28,12 @@
 				class="list fix-last-cell-line empty-cell-title-margin"
 				theme="card"
 			>
-				<div
+				<t-cell
 					class="item"
 					v-for="(item, index) in configList"
 					:key="item.id"
 					v-entrance-transition="index * 30"
 				>
-					<t-cell class="cell">
 					<template #title>
 						<div class="title">
 							<strong v-text="item.name || '未命名套餐'" />
@@ -71,7 +70,6 @@
 							</div>
 					</template>
 				</t-cell>
-				</div>
 			</t-cell-group>
 			<div v-else class="center-tips" v-text="loading ? '正在加载套餐配置' : '暂无套餐配置'" />
 			<div class="center-tips" v-text="loadStateText" />
@@ -256,15 +254,18 @@ onUnmounted(() => {
 	}
 
 	.list {
+		gap: 1rem;
+		display: flex;
 		padding-top: 1rem;
+		flex-direction: column;
 
 		.item {
-			background: var(--td-bg-color-container);
-			border-radius: 1rem;
-			overflow: hidden;
-
-			.cell {
 			padding: 10px;
+			min-width: 0;
+
+			:deep(.t-cell__title) {
+				min-width: 0;
+			}
 
 			.title {
 				gap: .5rem;
@@ -277,12 +278,16 @@ onUnmounted(() => {
 			.description {
 				display: flex;
 				flex-direction: column;
+				min-width: 0;
 
 				.products {
 					gap: .35rem;
+					width: 100%;
 					display: flex;
+					min-width: 0;
 					max-width: 100%;
 					flex-wrap: nowrap;
+					margin-top: .5rem;
 					overflow-x: auto;
 					overflow-y: hidden;
 					white-space: nowrap;
@@ -315,6 +320,5 @@ onUnmounted(() => {
 			}
 		}
 	}
-	}
 }
 </style>