mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Ivan VasilovandJordi Enric
56de26fe22
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>
65 lines
2.5 KiB
TypeScript
65 lines
2.5 KiB
TypeScript
import Image from 'next/image'
|
||
import Link from 'next/link'
|
||
import React from 'react'
|
||
|
||
import SectionContainer from '../../Layouts/SectionContainer'
|
||
import { SmallCard } from '../8/Releases/components'
|
||
|
||
const LW8CalloutsSection = () => {
|
||
return (
|
||
<SectionContainer className="py-0! w-full px-0! max-w-none!">
|
||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4 scroll-mt-[105px]" id="hackathon">
|
||
<SmallCard className="hover:from-foreground-muted hover:to-foreground-muted">
|
||
<Link
|
||
href="https://twitter.com/supabase/status/1688544202643111936"
|
||
target="_blank"
|
||
className="flex flex-row justify-between items-center w-full h-full gap-2"
|
||
>
|
||
<div className="relative shrink flex items-center p-2 w-2/3 lg:w-1/2 md:w-auto">
|
||
<div className="flex flex-col gap-1 sm:pl-4">
|
||
<span className="text-white">Twitter Spaces</span>
|
||
<span>Replay recordings</span>
|
||
</div>
|
||
</div>
|
||
<div className="relative flex aspect-video! h-[80px] md:h-[100px] gap-2 z-10 rounded-sm overflow-hidden">
|
||
<Image
|
||
src="/images/launchweek/8/twitter-spaces-thumb.svg"
|
||
alt="twitter spaces thumbnail"
|
||
fill
|
||
sizes="100%"
|
||
className="object-cover"
|
||
/>
|
||
</div>
|
||
</Link>
|
||
</SmallCard>
|
||
<SmallCard className="hover:from-foreground-muted hover:to-foreground-muted">
|
||
<Link
|
||
href="/blog/supabase-lw8-hackathon"
|
||
className="flex flex-row justify-between items-center w-full h-full gap-2"
|
||
>
|
||
<div className="relative shrink flex items-center p-2 w-2/3 lg:w-1/2 md:w-auto">
|
||
<div className="flex flex-col gap-1 sm:pl-4">
|
||
<div className="flex items-center gap-3">
|
||
<span className="text-white">LW8 Hackathon Aug 4 – Aug 13</span>
|
||
</div>
|
||
<span>Finished</span>
|
||
</div>
|
||
</div>
|
||
<div className="relative flex aspect-video! h-[80px] md:h-[100px] gap-2 z-10 rounded-sm overflow-hidden">
|
||
<Image
|
||
src="/images/launchweek/8/lw8-hackathon-thumb.svg"
|
||
alt="hackathon thumbnail"
|
||
fill
|
||
sizes="100%"
|
||
className="object-cover"
|
||
/>
|
||
</div>
|
||
</Link>
|
||
</SmallCard>
|
||
</div>
|
||
</SectionContainer>
|
||
)
|
||
}
|
||
|
||
export default LW8CalloutsSection
|