mirror of
https://github.com/supabase/supabase.git
synced 2026-10-14 13:49:09 +03:00
Francesco Sansalvadore
4f2b09b61f
* switch from neon page init * postgres platform section * dx section visuals * neon page graphics * last touches * disable crawl to page * fixes * polish * copy change
61 lines
1.9 KiB
TypeScript
61 lines
1.9 KiB
TypeScript
import Image from 'next/image'
|
|
import React from 'react'
|
|
import { cn } from 'ui'
|
|
|
|
interface Props {
|
|
className?: string
|
|
}
|
|
|
|
const AuthVisual: React.FC<Props> = ({ className }) => {
|
|
return (
|
|
<figure
|
|
className={cn('group absolute inset-0 z-0 -top-16 xl:top-0 xl:bottom-0', className)}
|
|
role="img"
|
|
aria-label="Supabase Authentication provides Row Level Security which enables you to define custom Policies to restrict access to your database"
|
|
>
|
|
<Image
|
|
draggable={false}
|
|
src="/images/index/products/auth.svg"
|
|
alt="Supabase Authentication user db rows"
|
|
fill
|
|
sizes="100%"
|
|
priority
|
|
quality={100}
|
|
className="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom"
|
|
/>
|
|
<Image
|
|
draggable={false}
|
|
src="/images/index/products/auth-active.svg"
|
|
alt="Supabase Authentication user db rows"
|
|
fill
|
|
sizes="100%"
|
|
quality={100}
|
|
className="hidden dark:block absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity"
|
|
aria-hidden
|
|
/>
|
|
<Image
|
|
draggable={false}
|
|
src="/images/index/products/auth-light.svg"
|
|
alt="Supabase Authentication user db rows"
|
|
fill
|
|
sizes="100%"
|
|
priority
|
|
quality={100}
|
|
className="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom"
|
|
/>
|
|
<Image
|
|
draggable={false}
|
|
src="/images/index/products/auth-active-light.svg"
|
|
alt="Supabase Authentication user db rows"
|
|
fill
|
|
sizes="100%"
|
|
quality={100}
|
|
className="dark:hidden absolute inset-0 object-cover object-center xl:object-bottom opacity-0 group-hover:opacity-100 transition-opacity"
|
|
aria-hidden
|
|
/>
|
|
</figure>
|
|
)
|
|
}
|
|
|
|
export default AuthVisual
|