update customer style

src/pages/customer/CustomerList.vue

@@ -1,7 +1,7 @@
 <template>
 	<div v-can="permissionCodes.customer.read" class="customer-list">
-		<div class="filter-bar">
-			<t-dropdown-menu v-if="isGlobalManager">
+		<div class="filter bg-white">
+			<t-dropdown-menu v-if="isGlobalManager" class="store">
 				<t-dropdown-item
 					v-model="selectedStoreId"
 					:label="storeFilterLabel"
@@ -11,7 +11,7 @@
 			</t-dropdown-menu>
 			<t-input
 				v-model.trim="keyword"
-				class="text-input"
+				class="search"
 				placeholder="搜索编码、姓名、电话"
 				clearable
 				borderless
@@ -217,24 +217,29 @@ async function doExport(): Promise<void> {
 .customer-list {
 	padding: calc(var(--app-nav-height)) 0 5.5rem 0;
 
-	.filter-bar {
+	.filter {
+		gap: .5rem;
 		top: var(--app-nav-height);
 		left: 0;
 		right: 0;
 		z-index: 10;
-		gap: .5rem;
+		padding: .5rem;
 		display: flex;
-		padding: .75rem 1rem;
 		position: sticky;
-		flex-direction: column;
-		background: #F5F5F8;
 		box-shadow: var(--td-shadow-1);
+		align-items: center;
 
-		.text-input {
+		.store {
+
+			&:after {
+				display: none;
+			}
+		}
+
+		.search {
 			width: 100%;
 			border: 1px solid rgba(148, 163, 184, .28);
 			padding: .5rem 1rem;
-			background: #f8fbff;
 			border-radius: 1rem;
 		}
 	}