mirror of
https://github.com/supabase/supabase.git
synced 2026-10-10 11:55:05 +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>
27 lines
1.0 KiB
TypeScript
27 lines
1.0 KiB
TypeScript
import SectionContainer from './Layouts/SectionContainer'
|
|
import TwitterSocialProof from './Sections/TwitterSocialProof'
|
|
import TwitterSocialProofMobile from './Sections/TwitterSocialProofMobile'
|
|
|
|
export interface TwitterSocialSectionProps {
|
|
heading: string
|
|
subheading: string
|
|
ctas: React.ReactNode
|
|
tweets: any[]
|
|
}
|
|
|
|
const TwitterSocialSection = (props: TwitterSocialSectionProps) => (
|
|
<>
|
|
<SectionContainer className="w-full text-center flex flex-col items-center pb-0!">
|
|
<h3 className="h2">{props.heading}</h3>
|
|
<p className="p max-w-[300px] md:max-w-none">{props.subheading}</p>
|
|
{props.ctas && <div className="my-4 flex justify-center gap-2">{props.ctas}</div>}
|
|
</SectionContainer>
|
|
<SectionContainer className="relative w-full px-0! lg:px-16! xl:px-0! pb-0! mb-16 md:mb-12 lg:mb-12 pt-6! max-w-[1400px]">
|
|
<TwitterSocialProofMobile className="lg:hidden -mb-32" tweets={props.tweets} />
|
|
<TwitterSocialProof className="hidden lg:flex" />
|
|
</SectionContainer>
|
|
</>
|
|
)
|
|
|
|
export default TwitterSocialSection
|