mirror of
https://github.com/supabase/supabase.git
synced 2026-05-09 10:19:50 -04:00
Ivan Vasilov
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>
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import { AlertTriangle, X } from 'lucide-react'
|
|
import Link from 'next/link'
|
|
import { Button } from 'ui'
|
|
|
|
interface DraftModeBannerProps {
|
|
onDismiss?: () => void
|
|
}
|
|
|
|
function DraftModeBanner({ onDismiss }: DraftModeBannerProps) {
|
|
return (
|
|
<div className="fixed inset-0 top-auto z-40 bg-surface-400 border-t">
|
|
<div className="max-w-2xl mx-auto py-2 px-4">
|
|
<div className="flex items-center justify-between flex-wrap">
|
|
<div className="w-0 flex-1 flex items-center">
|
|
<span className="flex p-2 rounded-sm">
|
|
<AlertTriangle className="h-5 w-5" aria-hidden="true" />
|
|
</span>
|
|
<p className="ml-2 truncate">
|
|
<span className="md:hidden">You're viewing draft content</span>
|
|
<span className="hidden md:inline">
|
|
You're viewing draft content that may not be published yet.
|
|
</span>
|
|
</p>
|
|
</div>
|
|
{onDismiss && (
|
|
<div className="order-2 shrink-0 sm:order-3 sm:ml-3">
|
|
<button
|
|
type="button"
|
|
className="-mr-1 flex p-2 rounded-md sm:-mr-2"
|
|
onClick={onDismiss}
|
|
>
|
|
<span className="sr-only">Dismiss</span>
|
|
<X className="h-5 w-5" aria-hidden="true" />
|
|
</button>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default DraftModeBanner
|