Skip to content

Commit

Permalink
fix: Update LinkButton styling to use grid layout
Browse files Browse the repository at this point in the history
Update the LinkButton component in the GettingStarted section of the home page.
Change the className attribute to use grid instead of flex.

This prevents a bug on Safari where the logos would not render.
  • Loading branch information
GabLeRoux committed Jan 15, 2025
1 parent 92691c9 commit 9e8eb0d
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/components/pages/home/section/getting-started.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ type LinkButtonProps = {
const LinkButton = ({ url, logo: Logo }: LinkButtonProps) => (
<Link
to={url}
className="group flex items-center justify-center border-gray-600 border-solid rounded-sm border-2 px-6 py-3 w-[180px] h-[70px] transition-all duration-200 hover:scale-110 hover:bg-gray-600"
className="group grid place-items-center border-gray-600 border-solid rounded-sm border-2 px-6 py-3 w-[180px] h-[70px] transition-all duration-200 hover:scale-110 hover:bg-gray-600"
>
<Logo className="fill-brand-text-light dark:fill-brand-text-dark group-hover:fill-white" />
</Link>
Expand Down

0 comments on commit 9e8eb0d

Please sign in to comment.