mirror of
https://github.com/supabase/supabase.git
synced 2026-06-16 02:26:42 +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>
45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
import { Fragment } from 'react'
|
|
|
|
interface BreadcrumbsViewProps {
|
|
defaultValue: any
|
|
}
|
|
|
|
export const BreadcrumbsView = ({ defaultValue: breadcrumbs }: BreadcrumbsViewProps) => {
|
|
return (
|
|
<>
|
|
{breadcrumbs?.length
|
|
? breadcrumbs.map((breadcrumb: any, i: number) => (
|
|
<Fragment key={breadcrumb.key}>
|
|
{i > 0 && (
|
|
<span className="text-border-stronger dark:text-border-strong">
|
|
<svg
|
|
viewBox="0 0 24 24"
|
|
width="16"
|
|
height="16"
|
|
stroke="currentColor"
|
|
strokeWidth="1"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
fill="none"
|
|
shapeRendering="geometricPrecision"
|
|
>
|
|
<path d="M16 3.549L7.12 20.600"></path>
|
|
</svg>
|
|
</span>
|
|
)}
|
|
|
|
<a
|
|
onClick={breadcrumb.onClick || (() => {})}
|
|
className={`text-gray-1100 block px-2 py-1 text-xs leading-5 focus:bg-gray-100 focus:text-gray-900 focus:outline-hidden ${
|
|
breadcrumb.onClick ? 'cursor-pointer hover:text-white' : ''
|
|
}`}
|
|
>
|
|
{breadcrumb.label}
|
|
</a>
|
|
</Fragment>
|
|
))
|
|
: null}
|
|
</>
|
|
)
|
|
}
|