fix photo style

src/pages/customer/CustomerDetail.vue

@@ -1,11 +1,15 @@
 <template>
-	<div v-can="permissionCodes.customer.read" class="customer-detail">
+	<div
+		v-if="customer"
+		v-can="permissionCodes.customer.read"
+		class="customer-detail"
+	>
 		<customer-profile-card
 			v-entrance-transition
 			class="customer"
 			:customer="customer"
 		/>
-		<t-cell-group v-entrance-transition="70" v-if="customer" class="info" theme="card">
+		<t-cell-group v-entrance-transition="70" class="info" theme="card">
 			<t-cell title="出生日期">
 				<span
 					v-if="isLunarBirthdate"
@@ -28,9 +32,10 @@
 					<pass-time-label :timestamp="customer.createdAt" underline />
 				</template>
 			</t-cell>
-			<t-cell>
-				<template #title>
+		</t-cell-group>
+		<card-container v-entrance-transition="140">
 			<photo-scroller
+				class="photo-scroller"
 				:model-value="photoList"
 				:photo-items="photoItemList"
 				:show-viewer-actions="canUpdateCustomer"
@@ -39,17 +44,15 @@
 				:submit="submitPhotoItems"
 				title="照片列表"
 			/>
-				</template>
-			</t-cell>
-		</t-cell-group>
+		</card-container>
 		<customer-tag-card
-			v-if="customer && canReadTag"
+			v-if="canReadTag"
 			:editable="canApplyTag"
 			:tag-list="customerTagList"
-			v-entrance-transition="140"
+			v-entrance-transition="210"
 			@edit="openTagSelector"
 		/>
-		<t-cell-group v-if="customer" theme="card" v-entrance-transition="210">
+		<t-cell-group theme="card" v-entrance-transition="280">
 			<t-cell v-if="canReadStat" title="客户数据图表" arrow @click="toCustomerDataCharts">
 				<template #left-icon>
 					<t-icon name="chart" />
@@ -71,15 +74,14 @@
 			v-if="inviter"
 			:title="`由 ${inviter.name} 邀请`"
 			theme="card"
-			v-entrance-transition="280"
+			v-entrance-transition="350"
 		>
 			<customer-profile-card :customer="inviter" @click="toCustomerDetail(inviter)"/>
 		</t-cell-group>
-		<t-cell-group v-if="customer" theme="card">
+		<t-cell-group theme="card">
 			<t-cell title="邀请客户" :note="inviteeCountText" arrow @click="toInviteeList" />
 		</t-cell-group>
 		<t-button
-			v-if="customer"
 			v-can="permissionCodes.customer.delete"
 			class="delete-action"
 			theme="danger"
@@ -516,6 +518,10 @@ onUnmounted(() => navBarStore.clearRight());
 		}
 	}
 
+	:deep(.photo-scroller) {
+		padding: 1rem;
+	}
+
 	.delete-action {
 		--td-button-border-radius: 1rem;