make the get started button on the landing more fancy
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m7s
All checks were successful
Deploy App / docker (ubuntu-latest) (push) Successful in 1m7s
This commit is contained in:
parent
7553a35b79
commit
a17ce202d8
@ -27,19 +27,19 @@ type Button = {
|
|||||||
* open the link in a new tab.
|
* open the link in a new tab.
|
||||||
*/
|
*/
|
||||||
openInNewTab?: boolean;
|
openInNewTab?: boolean;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The class name to apply to the button.
|
||||||
|
*/
|
||||||
|
className?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
const buttons: Button[] = [
|
const buttons: Button[] = [
|
||||||
{
|
{
|
||||||
title: "Get Started",
|
title: "Get Started",
|
||||||
tooltip: "Click to get started!",
|
tooltip: "Click to get started with the API",
|
||||||
url: "/documentation",
|
url: "/documentation",
|
||||||
},
|
className: "bg-gradient-to-r from-indigo-500 to-emerald-500 px-7 hover:opacity-75 transition-all transform-gpu",
|
||||||
{
|
|
||||||
title: "Documentation",
|
|
||||||
tooltip: "Click to open the documentation",
|
|
||||||
url: "https://api.mcutils.xyz/swagger-ui.html",
|
|
||||||
openInNewTab: true,
|
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
@ -64,7 +64,7 @@ export default function Home(): ReactElement {
|
|||||||
return (
|
return (
|
||||||
<Tooltip key={index}>
|
<Tooltip key={index}>
|
||||||
<TooltipTrigger asChild>
|
<TooltipTrigger asChild>
|
||||||
<Button key={index}>
|
<Button key={index} className={button.className ? button.className : ""}>
|
||||||
<Link href={button.url} target={button.openInNewTab ? "_blank" : ""}>
|
<Link href={button.url} target={button.openInNewTab ? "_blank" : ""}>
|
||||||
<p>{button.title}</p>
|
<p>{button.title}</p>
|
||||||
</Link>
|
</Link>
|
||||||
|
Loading…
Reference in New Issue
Block a user