fix store list style

src/pages/store/StoreList.vue

@@ -1,6 +1,7 @@
 <template>
 	<div v-can="permissionCodes.store.read" class="store-list">
 		<t-pull-down-refresh
+			class="list-wrapper"
 			v-model="isRefreshing"
 			:refresh-timeout="30000"
 			@refresh="refresh"
@@ -100,7 +101,6 @@ async function fetch(): Promise<void> {
 	if (isLoading.value || isNoMore.value) {
 		return;
 	}
-
 	isLoading.value = true;
 	try {
 		const result = await StoreAPI.list(page);
@@ -121,7 +121,6 @@ async function exportExcel(): Promise<void> {
 	if (isExporting.value) {
 		return;
 	}
-
 	isExporting.value = true;
 	try {
 		const blob = await StoreAPI.exportXSSF({
@@ -140,7 +139,6 @@ async function toEdit(item: Store): Promise<void> {
 	if (!item.id) {
 		return;
 	}
-
 	await router.push(`/management/stores/${item.id}`);
 }
 
@@ -169,17 +167,21 @@ onUnmounted(() => {
 	display: grid;
 	padding: calc(var(--app-nav-height) + 1rem) 0 6rem 0;
 
-	.item {
+	.list-wrapper {
+		min-height: 50vh;
 
-		.header {
-			gap: .5rem;
-			display: flex;
-			align-items: center;
-		}
+		.item {
 
-		.description {
-			display: flex;
-			flex-direction: column;
+			.header {
+				gap: .5rem;
+				display: flex;
+				align-items: center;
+			}
+
+			.description {
+				display: flex;
+				flex-direction: column;
+			}
 		}
 	}