fix: css things

pull/718/head
Travis Fischer 2025-07-01 15:02:01 -05:00
rodzic a23fc97c56
commit 1d3fd2fc07
4 zmienionych plików z 9 dodań i 8 usunięć

Wyświetl plik

@ -37,7 +37,7 @@ export default function AboutPage() {
{/* CTA section */} {/* CTA section */}
<DotsSection className='max-w-2xl'> <DotsSection className='max-w-2xl'>
<div className='relative grid grid-cols-1 sm:grid-cols-2 gap-8'> <div className='relative grid grid-cols-1 sm:grid-cols-2 gap-8'>
<HeroButton asChild heroVariant='orange' className=''> <HeroButton asChild heroVariant='orange'>
<Link href={twitterUrl} target='_blank' rel='noopener'> <Link href={twitterUrl} target='_blank' rel='noopener'>
DM me on Twitter / X DM me on Twitter / X
</Link> </Link>

Wyświetl plik

@ -491,6 +491,7 @@ function ProjectHeader({
heroVariant='orange' heroVariant='orange'
className='justify-self-end' className='justify-self-end'
disabled={tab === 'pricing'} disabled={tab === 'pricing'}
asChild={tab !== 'pricing'}
> >
<Link <Link
href={`/marketplace/projects/${project.identifier}?tab=pricing`} href={`/marketplace/projects/${project.identifier}?tab=pricing`}

Wyświetl plik

@ -1,8 +1,8 @@
import type * as React from 'react' import type * as React from 'react'
import type { Simplify } from 'type-fest' import type { Simplify } from 'type-fest'
import cs from 'clsx'
import { Button, type ButtonProps } from '@/components/ui/button' import { Button, type ButtonProps } from '@/components/ui/button'
import { cn } from '@/lib/utils'
import styles from './styles.module.css' import styles from './styles.module.css'
@ -23,21 +23,21 @@ export function HeroButton({
...buttonProps ...buttonProps
}: HeroButtonProps) { }: HeroButtonProps) {
return ( return (
<div className={cs(styles.heroButtonWrapper, className)}> <div className={cn(styles.heroButtonWrapper, className)}>
{heroVariant === 'blue' && ( {heroVariant === 'blue' && (
<span className={cs(styles.heroButtonBg, styles.heroButtonBg1)} /> <span className={cn(styles.heroButtonBg, styles.heroButtonBg1)} />
)} )}
{heroVariant === 'purple' && ( {heroVariant === 'purple' && (
<span className={cs(styles.heroButtonBg, styles.heroButtonBg2)} /> <span className={cn(styles.heroButtonBg, styles.heroButtonBg2)} />
)} )}
{heroVariant === 'orange' && ( {heroVariant === 'orange' && (
<span className={cs(styles.heroButtonBg, styles.heroButtonBg3)} /> <span className={cn(styles.heroButtonBg, styles.heroButtonBg3)} />
)} )}
<Button <Button
className={cs(styles.heroButton, buttonClassName)} className={cn(styles.heroButton, buttonClassName)}
type='button' type='button'
{...(buttonProps as any)} {...(buttonProps as any)}
/> />

Wyświetl plik

@ -5,7 +5,7 @@ import * as React from 'react'
import { cn } from '@/lib/utils' import { cn } from '@/lib/utils'
const buttonVariants = cva( const buttonVariants = cva(
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
{ {
variants: { variants: {
variant: { variant: {