fix store name overflow

src/pages/store/StoreList.vue

@@ -21,7 +21,7 @@
 					>
 						<template #title>
 							<div class="header">
-								<div class="text-bold" v-text="item.name || '未命名门店'"></div>
+								<div class="title text-bold clip-text" v-text="item.name || '未命名门店'"></div>
 								<t-tag size="small" :theme="getStoreStatusTheme(item.status)" variant="outline" :content="getStoreStatusText(item.status)" />
 							</div>
 						</template>
@@ -259,9 +259,17 @@ onUnmounted(() => {
 
 		.item {
 
+			:deep(.t-cell__title) {
+				flex: 1 1 0;
+				min-width: 0;
+				overflow: hidden;
+			}
+
 			.header {
 				gap: .5rem;
 				display: flex;
+				overflow: hidden;
+				min-width: 0;
 				align-items: center;
 			}