Skip to content

Commit

Permalink
fix: add cursor-pointer to section cta
Browse files Browse the repository at this point in the history
  • Loading branch information
jamiehenson committed Oct 1, 2024
1 parent 0e18c3b commit 21a78bc
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
2 changes: 1 addition & 1 deletion src/core/Pricing/PricingCards.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,7 @@ const PricingCards = ({
<div className="relative flex items-center h-40">
<FeaturedLink
url={cta.url}
additionalCSS={`absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 ${t("text-neutral-500")} hover:${t("text-neutral-000")}`}
additionalCSS={`absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 ${t("text-neutral-500")} hover:${t("text-neutral-000")} cursor-pointer`}
onClick={cta.onClick}
iconColor={t(
listItemColors?.foreground ?? "text-white",
Expand Down
16 changes: 8 additions & 8 deletions src/core/Pricing/__snapshots__/PricingCards.stories.tsx.snap
Original file line number Diff line number Diff line change
Expand Up @@ -942,7 +942,7 @@ exports[`Features/Pricing Cards PlansDarkMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1055,7 +1055,7 @@ exports[`Features/Pricing Cards PlansDarkMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1179,7 +1179,7 @@ exports[`Features/Pricing Cards PlansDarkMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1317,7 +1317,7 @@ exports[`Features/Pricing Cards PlansDarkMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-500 hover:text-neutral-000 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1436,7 +1436,7 @@ exports[`Features/Pricing Cards PlansLightMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1549,7 +1549,7 @@ exports[`Features/Pricing Cards PlansLightMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1673,7 +1673,7 @@ exports[`Features/Pricing Cards PlansLightMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down Expand Up @@ -1811,7 +1811,7 @@ exports[`Features/Pricing Cards PlansLightMode smoke-test 1`] = `
</div>
<div class="relative flex items-center h-40">
<a href="#pricing-table"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300"
class="font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group/featured-link ui-text-p2 py-8 absolute sm:-translate-x-96 sm:opacity-0 sm:group-hover:translate-x-0 duration-300 delay-0 sm:group-hover:delay-100 sm:group-hover:opacity-100 transition-[transform,opacity] font-medium ui-text-p3 text-neutral-800 hover:text-neutral-1300 cursor-pointer"
style="--featured-link-icon-size: var(--fs-p2);"
>
See all features
Expand Down

0 comments on commit 21a78bc

Please sign in to comment.