infrastructure/plunk
2
0
Fork 0
Code Pull Requests Activity

fix: Harmonize rings and hover states

Browse Source
This commit is contained in:
Dries Augustyns
2026-04-24 16:01:18 +02:00
parent 6f31fa2503
commit f40cc86cec
34 changed files with 177 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/QuickStart.tsx
+12 -14
View File
@@ -36,22 +36,22 @@ function HelpResources() {
<div className="mt-4 pt-4 border-t border-neutral-200">
<p className="text-xs font-medium text-neutral-500 mb-3">Need help?</p>
<div className="flex flex-col sm:flex-row gap-2">
<Link href={WIKI_URI} target="_blank" className="flex-1">
<Button variant="outline" size="sm" className="w-full">
<Button asChild variant="outline" size="sm" className="flex-1">
<Link href={WIKI_URI} target="_blank">
<BookOpen className="h-3.5 w-3.5" />
Documentation
</Button>
</Link>
<Link href={`${LANDING_URI}/discord`} target="_blank" className="flex-1">
<Button variant="outline" size="sm" className="w-full">
</Link>
</Button>
<Button asChild variant="outline" size="sm" className="flex-1">
<Link href={`${LANDING_URI}/discord`} target="_blank">
<MessageCircle className="h-3.5 w-3.5" />
Join Discord
</Button>
</Link>
</Link>
</Button>
<motion.button
onClick={copyEmail}
whileTap={{scale: 0.97}}
className="flex-1 relative flex items-center justify-center gap-1.5 h-9 rounded-md border border-neutral-200 bg-white px-3 text-sm font-medium text-neutral-700 overflow-hidden transition-colors hover:bg-neutral-50 hover:text-neutral-900 hover:border-neutral-300"
className="flex-1 relative flex items-center justify-center gap-1.5 h-9 rounded-md border border-neutral-200 bg-white px-3 text-xs font-medium text-neutral-700 overflow-hidden transition-colors hover:bg-neutral-50 hover:text-neutral-900 hover:border-neutral-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
>
<AnimatePresence mode="wait" initial={false}>
{copied ? (
@@ -274,11 +274,9 @@ export function QuickStart({setupState, isLoading}: QuickStartProps) {
</div>
<p className="text-xs text-neutral-600 leading-relaxed">{step.description}</p>
</div>
<Link href={step.link} className="flex-shrink-0">
<Button size="sm" variant={step.isCompleted ? 'outline' : 'default'}>
{step.linkText}
</Button>
</Link>
<Button asChild size="sm" variant={step.isCompleted ? 'outline' : 'default'} className="flex-shrink-0">
<Link href={step.link}>{step.linkText}</Link>
</Button>
</div>
);
})}