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,6 +167,9 @@ onUnmounted(() => {
 	display: grid;
 	padding: calc(var(--app-nav-height) + 1rem) 0 6rem 0;
 
+	.list-wrapper {
+		min-height: 50vh;
+
 		.item {
 
 			.header {
@@ -182,6 +183,7 @@ onUnmounted(() => {
 				flex-direction: column;
 			}
 		}
+	}
 
 	.actions {
 		gap: .75rem;