fix ProductSkuUnitEditor.vue style

src/pages/product/component/ProductSkuUnitEditor.vue

@@ -51,7 +51,14 @@
 						</t-form-item>
 					</t-form>
 				</div>
-				<t-button class="add-button" variant="dashed" size="small" content="添加 SKU 单位" @click="addUnit" />
+				<t-button
+					class="add"
+					variant="dashed"
+					size="small"
+					theme="primary"
+					content="添加 SKU 单位"
+					@click="addUnit"
+				/>
 			</div>
 		</div>
 	</bottom-popup>
@@ -229,13 +236,8 @@ function setBaseUnit(index: number): void {
 		margin: 0 .75rem;
 	}
 
-	:deep(.t-form-item) {
+	.add {
-		padding-right: 0;
+		--td-button-border-radius: 1rem;
-		padding-left: 0;
-	}
-
-	.add-button {
-		align-self: flex-start;
 	}
 }