dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-11 04:15:04 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
fix-data-api-error
supabase/.cursor/rules/studio/layout/RULE.md
T
Saxon Fletcher bb02df5f69 Update Cursor rules structure (#41338) 
* update and expand cursor rules structure

* rule copy

* rule updates
2026-01-20 09:25:29 +10:00

1.2 KiB
Raw Permalink Blame History

description, globs, alwaysApply
description globs alwaysApply
Studio: page layout patterns (PageContainer/PageHeader/PageSection) and sizing guidance. Use to learn how to create or update existing pages in Studio.
apps/studio/**/*.{ts,tsx}
false

Studio layout

Use the Design System UI pattern docs as the source of truth:

  • Documentation: apps/design-system/content/docs/ui-patterns/layout.mdx
  • Demos:
    • apps/design-system/registry/default/example/page-layout-settings.tsx
    • apps/design-system/registry/default/example/page-layout-list.tsx
    • apps/design-system/registry/default/example/page-layout-list-simple.tsx
    • apps/design-system/registry/default/example/page-layout-detail.tsx

Guidelines

  • Build pages using PageContainer, PageHeader, and PageSection for consistent spacing and max-widths.
  • Choose size based on content:
    • Settings/config: size="default"
    • List/table-heavy: size="large"
    • Full-screen experiences: size="full"
  • For list pages:
    • If filters/search exist, align table actions with filters (avoid PageHeaderAside/PageSectionAside for those actions).
    • If no filters/search, actions can go in PageHeaderAside or PageSectionAside depending on context.
Reference in new issue View Git Blame Copy Permalink