mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-19 12:35:16 +01:00
parent a8731e6937
commit 15290400b3
122 changed files with 902 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
apps/website/ui/QuickActionLink.tsx
View File

@@ -5,15 +5,19 @@ import { Link } from './Link';
import { Text } from './Text';
export interface QuickActionLinkProps {
label: string;
icon: LucideIcon;
label?: string;
icon?: LucideIcon;
href: string;
children?: React.ReactNode;
variant?: string;
}
export const QuickActionLink = ({
label,
icon,
href
href,
children,
variant
}: QuickActionLinkProps) => {
return (
<Link href={href} underline="none">
@@ -24,11 +28,15 @@ export const QuickActionLink = ({
paddingY={2}
className="group"
>
<Icon icon={icon} size={4} intent="low" className="group-hover:text-[var(--ui-color-intent-primary)] transition-colors" />
<Text size="sm" variant="med" className="group-hover:text-[var(--ui-color-text-high)] transition-colors">
{label}
</Text>
<Icon icon={ArrowRight} size={3} intent="low" className="opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all" />
{children ? children : (
<>
{icon && <Icon icon={icon} size={4} intent="low" className="group-hover:text-[var(--ui-color-intent-primary)] transition-colors" />}
<Text size="sm" variant="med" className="group-hover:text-[var(--ui-color-text-high)] transition-colors">
{label}
</Text>
<Icon icon={ArrowRight} size={3} intent="low" className="opacity-0 group-hover:opacity-100 group-hover:translate-x-1 transition-all" />
</>
)}
</Box>
</Link>
);