mirror of
https://github.com/supabase/supabase.git
synced 2026-05-23 19:04:11 +08:00
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>
38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
import { X } from 'lucide-react'
|
|
import { cn, SheetClose, SheetHeader, SheetTitle } from 'ui'
|
|
|
|
interface CreateFunctionHeaderProps {
|
|
selectedFunction?: string
|
|
isDuplicating?: boolean
|
|
}
|
|
|
|
export const CreateFunctionHeader = ({
|
|
selectedFunction,
|
|
isDuplicating,
|
|
}: CreateFunctionHeaderProps) => {
|
|
return (
|
|
<SheetHeader className="py-3 flex flex-row justify-between items-center border-b-0">
|
|
<div className="flex flex-row gap-3 items-center max-w-[75%]">
|
|
<SheetClose
|
|
className={cn(
|
|
'text-muted hover:text ring-offset-background transition-opacity hover:opacity-100',
|
|
'focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2',
|
|
'disabled:pointer-events-none data-[state=open]:bg-secondary',
|
|
'transition'
|
|
)}
|
|
>
|
|
<X className="h-3 w-3" />
|
|
<span className="sr-only">Close</span>
|
|
</SheetClose>
|
|
<SheetTitle className="truncate">
|
|
{selectedFunction !== undefined
|
|
? isDuplicating
|
|
? `Duplicate function`
|
|
: `Edit '${selectedFunction}' function`
|
|
: 'Add a new function'}
|
|
</SheetTitle>
|
|
</div>
|
|
</SheetHeader>
|
|
)
|
|
}
|