mirror of
https://github.com/supabase/supabase.git
synced 2026-10-07 02:15:05 +03:00
chore: modify image
This commit is contained in:
Francesco Sansalvadore committed
1 parent
2abbe698ea
commit
d2ed543df0
3 files changed
+5
-502
No files matched your search
@@ -155,14 +155,6 @@ export default function LW7Releases() {
|
||||
>
|
||||
{preRelease.steps.length > 0 && (
|
||||
<div className="h-[800px] lg:h-[400px] flex flex-col gap-5 lg:flex-row">
|
||||
{/*
|
||||
relative overflow-hidden group/2 flex-1 flex flex-col items-center gap-5 lg:items-start justify-between
|
||||
basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 xs:text-2xl text-xl text-center
|
||||
bg-no-repeat bg-[url('/images/launchweek/seven/day0/ai_images.png')]
|
||||
xs:bg-[url('/images/launchweek/seven/day0/ai_images.png')]
|
||||
dark:bg-[url('/images/launchweek/seven/day0/ai_images.png')]
|
||||
xs:dark:bg-[url('/images/launchweek/seven/day0/ai_images.png')]
|
||||
bg-[right_0px_top_0px] lg:bg-[top_0px_bottom_0px_right_0px] bg-cover */}
|
||||
<motion.div
|
||||
className={`
|
||||
relative overflow-hidden group/2 flex-1 flex flex-col items-center gap-5 lg:items-start justify-between
|
||||
@@ -221,7 +213,6 @@ export default function LW7Releases() {
|
||||
`}
|
||||
layout="fill"
|
||||
objectPosition={i === 2 && isTablet ? '50% 60%' : '80% 50%'}
|
||||
sizes="80vw"
|
||||
objectFit={i === 2 && isTablet ? 'contain' : 'cover'}
|
||||
/>
|
||||
</motion.div>
|
||||
@@ -298,29 +289,7 @@ export default function LW7Releases() {
|
||||
className="h-[79px]"
|
||||
id={day1.d.toString()}
|
||||
>
|
||||
{day1.steps.length > 0 && (
|
||||
<div className="h-[400px] flex flex-col lg:flex-row group/day1 relative overflow-hidden">
|
||||
<div
|
||||
className="absolute group-hover/day1:scale-105 opacity-60 group-hover/day1:opacity-100 w-full h-full -z-10 transition-all duration-500"
|
||||
style={{
|
||||
background: `radial-gradient(650px 150px at 50% 100%, #4635A7, transparent)`,
|
||||
}}
|
||||
></div>
|
||||
<div
|
||||
className={`flex flex-col flex-1 items-center gap-5 lg:items-start lg:justify-between border rounded-xl h-full relative overflow-hidden after:opacity- after:absolute after:bg-no-repeat after:bg-[center_bottom] lg:after:bg-[right_15%_top_100px] xl:after:bg-[right_15%_top_60px] after:bg-[length:300px_180px] after:lg:bg-[length:450px_300px] after:xl:bg-[length:528px_367px] after:dark:bg-[url('/images/launchweek/docs-update-bg.png')] after:bg-[url('/images/launchweek/docs-update-bg-light.png')] after:top-0 after:right-0 after:bottom-0 after:left-0 p-14 text-2xl before:absolute before:w-full before:h-full before:top-52 before:right-0 before:bottom-0 before:left-0 before:border-[#1f3536] before:-z-10 !px-3 sm:!px-14`}
|
||||
>
|
||||
<div className="flex items-center relative z-10 justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2 text-black dark:text-white">
|
||||
<span>{day1.description}</span>
|
||||
<StyledArticleBadge className="lg:ml-4">Redesigned</StyledArticleBadge>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs={day1.steps[0].docs}
|
||||
blog={day1.steps[0].blog}
|
||||
video={'https://www.youtube.com/watch?v=Q1Amk6iDlF8&ab_channel=Supabase'}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div></div>
|
||||
</Accordion.Item>
|
||||
</div>
|
||||
<div className="border-b pb-3">
|
||||
@@ -337,41 +306,7 @@ export default function LW7Releases() {
|
||||
className="h-[79px]"
|
||||
id={day2.d.toString()}
|
||||
>
|
||||
{day2.steps.length > 0 && (
|
||||
<div className="h-[800px] lg:h-[400px] flex flex-col gap-5 lg:flex-row">
|
||||
<div
|
||||
className={`relative overflow-hidden group/2 flex-1 flex flex-col items-center gap-5 lg:items-start justify-between basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 xs:text-2xl text-xl text-center bg-no-repeat bg-[url('/images/launchweek/image-processing-bg-light-alt.png')] xs:bg-[url('/images/launchweek/image-processing-bg-light.png')] dark:bg-[url('/images/launchweek/image-processing-bg-alt.png')] xs:dark:bg-[url('/images/launchweek/image-processing-bg.png')] bg-[right_30px_top_35px] lg:bg-[top_25px_right_25px] bg-contain`}
|
||||
>
|
||||
<div
|
||||
className="top-0 absolute group-hover/2:scale-105 opacity-60 group-hover/2:opacity-100 w-full h-full -z-10 transition-all duration-500"
|
||||
style={{
|
||||
background: `radial-gradient(90% 130px at 80% 0px, #4635A7, transparent)`,
|
||||
}}
|
||||
></div>
|
||||
<div className="flex items-center lg: justify-between flex-col-reverse lg:flex-row lg:justify-start gap-2 text-black dark:text-white">
|
||||
<div>{day2.steps[0].title}</div>
|
||||
<StyledArticleBadge>New</StyledArticleBadge>
|
||||
</div>
|
||||
<SectionButtons docs={day2.steps[0].docs} blog={day2.steps[0].blog} />
|
||||
</div>
|
||||
<div
|
||||
className={`relative overflow-hidden group/3 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl bg-[url('/images/launchweek/cdn-caching-bg-light.png')] dark:bg-[url('/images/launchweek/cdn-caching-bg.png')] bg-[top_170px_center] lg:bg-[center_bottom] bg-contain`}
|
||||
>
|
||||
<div
|
||||
className="top-0 absolute group-hover/3:scale-105 opacity-60 group-hover/3:opacity-100 w-full h-full -z-10 transition-all duration-500"
|
||||
style={{
|
||||
background: `radial-gradient(90% 130px at 50% 0px, #4635A7, transparent)`,
|
||||
}}
|
||||
></div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge className="lg:ml-4">New</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white">{day2.steps[1].title}</span>
|
||||
<p className="text-sm text-slate-900">{day2.steps[1].description}</p>
|
||||
</div>
|
||||
<SectionButtons docs={day2.steps[1].docs} blog={day2.steps[1].blog} />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div></div>
|
||||
</Accordion.Item>
|
||||
</div>
|
||||
<div className="border-b pb-3">
|
||||
@@ -388,37 +323,7 @@ export default function LW7Releases() {
|
||||
className="h-[79px]"
|
||||
id={day3.d.toString()}
|
||||
>
|
||||
{day3.steps.length > 0 && (
|
||||
<div className="h-[400px] flex gap-5 group">
|
||||
<div
|
||||
className={`flex flex-col text-center items-center lg:items-start justify-between flex-1 border rounded-xl h-full bg-no-repeat p-14 text-2xl relative`}
|
||||
>
|
||||
<div className="absolute top-0 right-0 w-full h-full -z-20 ">
|
||||
<Image
|
||||
src={'/images/launchweek/mfa-dark.png'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<div className="absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover:opacity-100 duration-500 transition-all">
|
||||
<Image
|
||||
src={'/images/launchweek/mfa-dark-hover.png'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between flex-col-reverse lg:flex-row lg:justify-start text-black dark:text-white">
|
||||
<span>{day3.steps[0].title}</span>
|
||||
<StyledArticleBadge className="lg:ml-4">Updated</StyledArticleBadge>
|
||||
</div>
|
||||
<SectionButtons docs={day3.steps[0].docs} blog={day3.steps[0].blog} />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div></div>
|
||||
</Accordion.Item>
|
||||
</div>
|
||||
<div className="border-b pb-3">
|
||||
@@ -435,46 +340,7 @@ export default function LW7Releases() {
|
||||
className="h-[79px]"
|
||||
id={day4.d.toString()}
|
||||
>
|
||||
{day4.steps.length > 0 && (
|
||||
<div className="h-[400px] flex flex-col gap-5 lg:flex-row group/day4 relative overflow-hidden">
|
||||
<div
|
||||
className={`relative flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 text-2xl bg-no-repeat bg-cover !px-3 sm:!px-14`}
|
||||
>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.wrappers}`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/wrappers-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day4:opacity-100 duration-500 transition-all ${styles.wrappers}`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/wrappers-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex items-center flex-col-reverse lg:flex-row text-black dark:text-white">
|
||||
<span>{day4.steps[0].title}</span>
|
||||
<StyledArticleBadge className="lg:ml-4">New</StyledArticleBadge>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs={day4.steps[0].docs}
|
||||
blog={day4.steps[0].blog}
|
||||
video={`https://www.youtube.com/watch?v=${day4.youtube_id}&ab_channel=Supabase`}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<div></div>
|
||||
</Accordion.Item>
|
||||
</div>
|
||||
<div className="border-b pb-3" id="currentDay">
|
||||
@@ -491,370 +357,7 @@ export default function LW7Releases() {
|
||||
className="h-[79px]"
|
||||
id={day5.d.toString()}
|
||||
>
|
||||
{day5.steps.length > 0 && (
|
||||
<>
|
||||
<div className="h-[800px] lg:h-[400px] flex flex-col gap-5 lg:flex-row">
|
||||
<div
|
||||
className={`relative group/day5step1 flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.wrappers}`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/vault-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step1:opacity-100 duration-500 transition-all ${styles.wrappers}`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/vault-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex items-center flex-col-reverse lg:flex-row">
|
||||
<span className="text-black dark:text-white">{day5.steps[0].title}</span>
|
||||
<StyledArticleBadge className="lg:ml-4">New</StyledArticleBadge>
|
||||
</div>
|
||||
<SectionButtons docs={day5.steps[0].docs} blog={day5.steps[0].blog} />
|
||||
</div>
|
||||
<div
|
||||
className={`relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl h-full bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/TCE-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/TCE-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>New</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">
|
||||
{day5.steps[1].title}
|
||||
</span>
|
||||
</div>
|
||||
<SectionButtons docs={day5.steps[1].docs} blog={day5.steps[1].blog} />
|
||||
</div>
|
||||
</div>
|
||||
<h3 className="text-black dark:text-white text-lg mb-4 mt-4">Community</h3>
|
||||
<div className="h-[400px] flex flex-col gap-5 lg:flex-row group/community relative overflow-hidden">
|
||||
<div
|
||||
className={`relative flex flex-col items-center justify-between lg:items-start flex-1 basis-1/2 lg:basis-2/3 border rounded-xl h-full p-14 text-2xl bg-no-repeat bg-cover !px-3 sm:!px-14`}
|
||||
>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-20 ${styles.community_wrappers}`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/community-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/community:opacity-100 duration-500 transition-all ${styles.community_wrappers}`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/community-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex items-center flex-col-reverse lg:flex-row">
|
||||
<span className="text-black dark:text-white">Community Day</span>
|
||||
</div>
|
||||
<div className="flex flex-col md:flex-row gap-4 md:gap-2 z-10 ">
|
||||
<div className="flex gap-4 md:gap-2">
|
||||
<a
|
||||
href={'/blog/launch-week-6-community-day'}
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
|
||||
Blog post
|
||||
<div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
|
||||
<PencilSvg />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href={'https://www.youtube.com/watch?v=hw9Q-NjASbU'}
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
|
||||
Flutterflow
|
||||
<div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
|
||||
<PlaySvg />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="flex gap-4 md:gap-2">
|
||||
<a
|
||||
href={'https://www.youtube.com/watch?v=mw0DLwItue4'}
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
|
||||
OneSignal
|
||||
<div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
|
||||
<PlaySvg />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href={'https://www.youtube.com/watch?v=EdYQ9fF-hz4'}
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
<div className="flex items-center border border-slate-400 bg-gradient-to-r from-[#fcfcfc] to-[#f2f2f2] hover:to-[#d5d5d5] text-black dark:text-white dark:from-[#191919] dark:to-[#464444] dark:hover:to-[#4e4e4e] rounded-full text-sm py-2 pl-3 pr-2">
|
||||
NextAuth
|
||||
<div className="bg-[#eeeeee] dark:bg-[#313131] rounded-full inline-block p-1 ml-2">
|
||||
<PlaySvg />
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 className="text-black dark:text-white text-lg mb-4 mt-4">One more thing</h3>
|
||||
<div className="flex flex-col lg:grid grid-cols-3 grid-rows-2 gap-4">
|
||||
<div
|
||||
className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/PgGraphql-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/PgGraphql-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>Updated</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">
|
||||
pg_graphql v1.0
|
||||
</span>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs="/docs/guides/api#graphql-api"
|
||||
blog="/blog/pg-graphql-v1"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/custom-domains-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/custom-domains-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>New</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">
|
||||
Custom Domains
|
||||
</span>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs="/docs/guides/platform/custom-domains"
|
||||
blog="/blog/custom-domain-names"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/PITR-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/PITR-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>New</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">
|
||||
Point-in-time recovery
|
||||
</span>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs="/docs/guides/platform/going-into-prod"
|
||||
blog="/blog/postgres-point-in-time-recovery"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/pg_crdt-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/pg_crdt-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>Experimental</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">pg_crdt</span>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs="https://github.com/supabase/pg_crdt"
|
||||
blog="/blog/postgres-crdt"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/postgres-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/postgres-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>Upgrade</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">Postgres 15</span>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs="https://www.postgresql.org/docs/15/release-15.html"
|
||||
blog="/blog/new-in-postgres-15"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`min-h-[400px] relative group/day5step2 flex-1 flex flex-col items-center justify-between basis-1/2 lg:basis-1/3 border rounded-xl bg-no-repeat p-14 text-2xl overflow-hidden`}
|
||||
>
|
||||
<div className={`absolute top-0 right-0 w-full h-full -z-20`}>
|
||||
<Image
|
||||
src={'/images/launchweek/PostgREST11-visual.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
priority
|
||||
className="left-16"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
className={`absolute top-0 right-0 w-full h-full -z-10 opacity-0 group-hover/day5step2:opacity-100 duration-500 transition-all`}
|
||||
>
|
||||
<Image
|
||||
src={'/images/launchweek/PostgREST11-visual-hover.svg'}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
quality={100}
|
||||
className="test"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col items-center gap-2 min-w-[300px]">
|
||||
<StyledArticleBadge>Upgrade</StyledArticleBadge>
|
||||
<span className="text-black dark:text-white text-center">PostgREST 11</span>
|
||||
</div>
|
||||
<SectionButtons
|
||||
docs="/docs/guides/resources/supabase-cli"
|
||||
blog="/blog/postgrest-11-prerelease"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
<div></div>
|
||||
</Accordion.Item>
|
||||
</div>
|
||||
</Accordion>
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Reference in new issue
Block a user