fix PackagePurchase.vue style

src/pages/package/PackagePurchase.vue

@@ -102,16 +102,9 @@
 								/>
 							</template>
 							<div class="content">
-								<div class="item-title">
 								<span class="name" v-text="getItemLabel(item)" />
-									<t-button
-										size="extra-small"
-										variant="outline"
-										:content="getItemUnit(item)?.name || '选择单位'"
-										@click="openItemUnitPicker(index)"
-									/>
-								</div>
 								<t-input
+									class="input"
 									:model-value="item.totalQuantity"
 									type="number"
 									:readonly="!canPriceOverride"
@@ -121,9 +114,13 @@
 									@update:model-value="updateItemQuantity(index, $event)"
 								>
 									<template #suffix-icon>
-									<span class="unit" v-text="getItemUnit(item)?.name || ''" />
-									</template>
-								</t-input>
+										<div class="actions">
+											<t-button
+												size="extra-small"
+												variant="outline"
+												:content="getItemUnit(item)?.name || '选择单位'"
+												@click="openItemUnitPicker(index)"
+											/>
 											<t-button
 												v-if="canPriceOverride"
 												class="remove"
@@ -134,6 +131,9 @@
 												@click="removePurchaseItem(index)"
 											/>
 										</div>
+									</template>
+								</t-input>
+							</div>
 						</t-form-item>
 						<div v-if="!packagePurchaseItemList.length" class="center-tips" v-text="'当前套餐暂无权益明细'" />
 					</t-form>
@@ -741,32 +741,22 @@ watch(config, value => {
 						align-items: center;
 						justify-content: space-between;
 
-							.item-title {
-								gap: .375rem;
-								min-width: 0;
-								display: flex;
-								align-items: center;
-							}
-
-							.t-input {
-								min-width: 0;
-								flex: 1;
-							}
-
-							.remove {
-								flex: none;
-							}
-
 						.name {
 							min-width: 0;
 							overflow: hidden;
 							text-overflow: ellipsis;
 							white-space: nowrap;
 						}
-					}
 
-					.unit {
-						font-size: 1rem;
+						.input {
+							min-width: 0;
+							flex: 1;
+
+							.actions {
+								gap: .25rem;
+								display: flex;
+							}
+						}
 					}
 				}
 			}