|
|
@@ -10,7 +10,7 @@ export function QuickLinks({ children }) {
|
|
|
)
|
|
|
}
|
|
|
|
|
|
-export function QuickLink({ title, description, href, icon }) {
|
|
|
+export function QuickLink({ title, description, href, target, icon }) {
|
|
|
return (
|
|
|
<div className="group relative rounded-xl border border-slate-200 dark:border-slate-800">
|
|
|
<div className="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.sky.50)),var(--quick-links-hover-bg,theme(colors.sky.50)))_padding-box,linear-gradient(to_bottom,var(--quick-links-hover-border))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]" />
|
|
|
@@ -20,7 +20,7 @@ export function QuickLink({ title, description, href, icon }) {
|
|
|
className="h-8 w-8 group-hover:text-accent-600 dark:group-hover:text-accent-500"
|
|
|
/>
|
|
|
<h2 className="mt-4 font-display text-base text-slate-900 dark:text-white">
|
|
|
- <Link href={href}>
|
|
|
+ <Link href={href} target={target}>
|
|
|
<span className="absolute -inset-px rounded-xl" />
|
|
|
{title}
|
|
|
</Link>
|