浏览代码

💄 style(ui): reset default Taro button styles

- 添加样式重置以清除Taro默认按钮样式
- 移除默认宽度、背景、边框和内外边距等样式
- 确保按钮组件样式不受框架默认样式干扰
yourname 3 月之前
父节点
当前提交
962f740d39
共有 1 个文件被更改,包括 5 次插入1 次删除
  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) {
   return (
     <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}
     />
   )