mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix(ui): add explicit cursor-pointer to core interactive elements to bypass tailwind v4 layer conflicts

Browse Source
This commit is contained in:
Marc Mintel
2026-05-13 11:23:11 +02:00
parent 33f64272d7
commit 1c317db747
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ui/Button.tsx
View File

@@ -20,7 +20,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
} }
export const buttonBaseStyles = export const buttonBaseStyles =
'inline-flex items-center justify-center whitespace-nowrap rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate select-none'; 'cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-full font-semibold transition-all duration-500 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-95 hover:-translate-y-1 hover:scale-[1.02] relative overflow-hidden group/btn isolate select-none';
export const buttonVariantsMap = { export const buttonVariantsMap = {
primary: 'bg-primary text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl', primary: 'bg-primary text-white shadow-md hover:shadow-primary/30 hover:shadow-2xl',

3
components/ui/TransitionLink.tsx
View File

@@ -3,6 +3,7 @@
import React from 'react'; import React from 'react';
import Link, { LinkProps } from 'next/link'; import Link, { LinkProps } from 'next/link';
import { useTransition } from '@/components/providers/TransitionProvider'; import { useTransition } from '@/components/providers/TransitionProvider';
import { cn } from './utils';
interface TransitionLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps>, LinkProps { interface TransitionLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof LinkProps>, LinkProps {
children: React.ReactNode; children: React.ReactNode;
@@ -31,7 +32,7 @@ export function TransitionLink({ children, href, onClick, transitionMessage, ...
}; };
return ( return (
<Link href={href} onClick={handleClick} {...props}> <Link href={href} onClick={handleClick} className={cn('cursor-pointer', props.className)} {...props}>
{children} {children}
</Link> </Link>
); );