mirror of
https://github.com/supabase/supabase.git
synced 2026-06-14 05:06:27 +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>
31 lines
1.1 KiB
TypeScript
31 lines
1.1 KiB
TypeScript
import Image from 'next/image'
|
|
|
|
import { BASE_PATH } from '@/lib/constants'
|
|
|
|
export const InlineEditorPreview = () => {
|
|
return (
|
|
<div>
|
|
<Image
|
|
src={`${BASE_PATH}/img/previews/inline-editor-preview.png`}
|
|
width={1296}
|
|
height={900}
|
|
alt="api-docs-side-panel-preview"
|
|
className="rounded-sm border mb-4"
|
|
/>
|
|
<p className="text-sm text-foreground-light mb-4">
|
|
Edit policies, functions, and triggers directly in the inline SQL editor. When you select
|
|
any of these database objects, the editor opens automatically, allowing you to make changes
|
|
without switching contexts.
|
|
</p>
|
|
<p className="text-sm text-foreground-light mb-4">
|
|
Need help writing SQL? Use the inline Assistant to generate or modify code for your
|
|
policies, triggers, and functions without leaving the editor.
|
|
</p>
|
|
<p className="text-sm text-foreground-light">
|
|
Access the inline editor anytime by clicking the code editor icon in the top right corner of
|
|
your dashboard.
|
|
</p>
|
|
</div>
|
|
)
|
|
}
|