fix: PinInput separator — en dash + translate nudge for visual centering

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-31 14:51:59 +05:30
parent c37284952b
commit 6ade1bc639

View File

@@ -115,8 +115,8 @@ const FakeCaret = ({ size = "md" }: { size?: "sm" | "md" | "lg" }) => {
const Separator = (props: ComponentPropsWithRef<"p">) => { const Separator = (props: ComponentPropsWithRef<"p">) => {
return ( return (
<div role="separator" {...props} className={cx("flex items-center justify-center text-display-xl font-medium leading-none text-placeholder_subtle", props.className)}> <div role="separator" {...props} className={cx("flex items-center justify-center text-display-xl font-medium leading-none text-placeholder_subtle -translate-y-0.5", props.className)}>
- &ndash;
</div> </div>
); );
}; };