Browse Source

💄 style(ui): reset default Taro button styles

- 添加样式重置以清除Taro默认按钮样式
- 移除默认宽度、背景、边框和内外边距等样式
- 确保按钮组件样式不受框架默认样式干扰
yourname 4 months ago
parent
commit
962f740d39
1 changed files with 5 additions and 1 deletions
  1. 5 1
      mini/src/components/ui/button.tsx

+ 5 - 1
mini/src/components/ui/button.tsx

@@ -36,7 +36,11 @@ interface ButtonProps extends Omit<TaroButtonProps, 'size'>, VariantProps<typeof
 export function Button({ className, variant, size, ...props }: ButtonProps) {
 export function Button({ className, variant, size, ...props }: ButtonProps) {
   return (
   return (
     <TaroButton
     <TaroButton
-      className={cn(buttonVariants({ variant, size, className }))}
+      className={cn(
+        // Reset Taro default styles
+        '!w-auto !bg-transparent !border-0 !text-inherit !text-sm !leading-normal !p-0 !m-0 !min-h-0 !min-w-0',
+        buttonVariants({ variant, size, className })
+      )}
       {...props}
       {...props}
     />
     />
   )
   )