chore: remove hover effects in mobile
This commit is contained in:
@@ -22,7 +22,7 @@ const Navigator = () => {
|
||||
<div className="hidden md:flex absolute top-5 w-full justify-center gap-2 z-10">
|
||||
{steps.map((stepToRender, indexToRender) => {
|
||||
const clickable = canJumpTo.includes(stepToRender.name);
|
||||
const itemClass = clsx(`text-sm text-gray-600`, clickable && "cursor-pointer hover:text-gray-500", indexToRender === activeStep && "font-bold text-black", indexToRender >= activeStep && "text-gray-400");
|
||||
const itemClass = clsx(`text-sm text-gray-600`, clickable && "cursor-pointer md:hover:text-gray-500", indexToRender === activeStep && "font-bold text-black", indexToRender >= activeStep && "text-gray-400");
|
||||
const nodeCls = `${itemClass}`;
|
||||
return (
|
||||
<React.Fragment key={indexToRender}>
|
||||
|
||||
@@ -20,7 +20,7 @@ export default function InviteLink() {
|
||||
<span className="text-sm text-gray-500 mb-2 font-semibold">{t("last_desc")}</span>
|
||||
<div className="w-full md:w-[400px] rounded shadow-md flex border border-solid border-gray-100">
|
||||
<StyledInput className="large !border-none !shadow-none" readOnly placeholder="Generating" value={link} />
|
||||
<StyledButton onClick={copyLink} className="ghost small border_less !px-2 hover:!text-primary-600">
|
||||
<StyledButton onClick={copyLink} className="ghost small border_less !px-2 md:hover:!text-primary-600">
|
||||
{linkCopied ? "Copied" : ct("action.copy")}
|
||||
</StyledButton>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user