fix(frontend): distinguish disabled and readonly field styles

2026-10-07 10:10:54 -03:00
parent 65eaf36278
commit c06c9194e8
1 changed files with 1 additions and 1 deletions
@@ -50,7 +50,7 @@ export function Input({ className = "", ...props }: ComponentProps<"input">) {
  return (
    <input
      {...props}
-      className={`${inputStyles} read-only:cursor-default read-only:border-dashed read-only:text-muted ${className}`}
+      className={`${inputStyles} [&[readonly]]:cursor-default [&[readonly]]:border-dashed [&[readonly]]:text-muted ${className}`}
    />
  );
 }