Files
supabase/apps/www/components/LaunchWeek/12/HackathonCallout.tsx
Ivan VasilovandJordi Enric 56de26fe22 chore: Migrate the monorepo to use Tailwind v4 (#45318)
This PR migrates the whole monorepo to use Tailwind v4:
- Removed `@tailwindcss/container-queries` plugin since it's included by
default in v4,
- Bump all instances of Tailwind to v4. Made minimal changes to the
shared config to remove non-supported features (`alpha` mentions),
- Migrate all apps to be compatible with v4 configs,
- Fix the `typography.css` import in 3 apps,
- Add missing rules which were included by default in v3,
- Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot
of classes
- Rename all misnamed classes according to
https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all
apps.

---------

Co-authored-by: Jordi Enric <jordi.err@gmail.com>
2026-04-30 10:53:24 +00:00

30 lines
808 B
TypeScript

import React from 'react'
import { cn } from 'ui'
import { TextLink } from 'ui-patterns/TextLink'
const HackathonCallout = ({ className }: { className?: string }) => {
return (
<div
className={cn(
'font-mono uppercase tracking-[1px] py-8 scroll-mt-16 flex flex-col md:flex-row justify-between gap-2',
className
)}
>
<div className="text-foreground! **:text-foreground text-sm flex flex-col sm:flex-row sm:items-center sm:gap-3">
Open Source Hackathon 2024
</div>
<div className="m-0! flex items-center">
<TextLink
label="Learn more"
url="/blog/supabase-oss-hackathon"
target="_blank"
hasChevron
className="m-0"
/>
</div>
</div>
)
}
export default HackathonCallout