add product

src/layout/MainLayout.vue

@@ -12,10 +12,16 @@
 			theme="tag"
 			:split="false"
 			:z-index="999"
+			:bordered="false"
 			:disabled="!tabBarStore.isShowing"
 			@change="onChangeTab"
 		>
-			<t-tab-bar-item v-for="item in list" :key="item.value" class="bg-transparent" :value="item.value">
+			<t-tab-bar-item
+				v-for="item in list"
+				:key="item.value"
+				class="item bg-transparent"
+				:value="item.value"
+			>
 				<span v-text="item.text"></span>
 				<template #icon>
 					<t-icon :name="item.icon" />
@@ -175,6 +181,11 @@ const tabBarHeight = computed(() => {
 			pointer-events: none;
 			transform: translateY(calc(100% + 1rem));
 		}
+
+		.item {
+			margin: 4px 0;
+			padding: 0 4px;
+		}
 	}
 }
 </style>