mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 23:59:08 +03:00
b8243e06d8
* init site * add nav menu * add props table component * init all the examples • also includes moving a bunch of ./ui files to ./ui-patterns * update package • might need to remove some of these * Update rehype-component.ts * move nav * more changes * add new source information to contentlayer * fix copy buttons * add text-confirm. start new concept of "fragments" * move base path. add homepage. add theme selection * added colors * add form-item-layout * temporary fix code blocks in light mode. they currently don't switch theme to theme * start adding code themes * Update dark.json * update code block themes * fix animations * add cdmk search * export registry of icons in ./icons package * add comments * add icon copy stuff * Update icons.tsx * more docs * more docs. cleaned up colors and icons docs * Update theming.mdx * add more docs * update * add package * Update tailwind.config.js * update content * Update drawer-demo.tsx * Update aspect-ratio-demo.tsx * add new blocks * Update source-panel.tsx * Update source-panel.tsx * Update source-panel.tsx * add new source block * Update source-panel.tsx * Update _app.tsx * Update page.tsx * Delete layout-old.tsx * remove old themes * remove old ui registry * comment out nav items * Update package-lock.json * Update AssistantChatForm.tsx * move back * move again * update * Update index.tsx * Update package-lock.json * Update package-lock.json * Update package-lock.json * update package * udpate prettier * fix tag issues * Update package-lock.json * update to contentlayer2 * update package-lock.json * fix type errors * ignore spelling * Update avoid-typos.yml * Update avoid-typos.yml * Update package-lock.json * Use ui type definitions. * move tsconfig base stuff. fix content layer issue * Update package-lock.json * Update package-lock.json --------- Co-authored-by: Alaister Young <a@alaisteryoung.com> Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
// import { docsConfig } from '@/config/docs'
|
|
import Link from 'next/link'
|
|
import { DesignSystemMarks } from './design-system-marks'
|
|
import { ThemeSwitcherDropdown } from './theme-switcher-dropdown'
|
|
import { TopNavigationSearch } from './top-navigation-search'
|
|
import { CommandMenu } from './command-menu'
|
|
|
|
function TopNavigation() {
|
|
return (
|
|
<header className="sticky top-0 z-50 w-full border-t bg-studio/95 backdrop-blur supports-[backdrop-filter]:bg-studio/60">
|
|
<div className="absolute border-b border-dashed w-full top-[3.4rem] -z-10"></div>
|
|
<nav className="h-14 w-full flex">
|
|
<div className="max-w-site border-b w-full flex flex-row items-center gap-6 mx-auto px-6 border-r border-l justify-between">
|
|
<div className="flex items-center gap-8">
|
|
<Link href="/">
|
|
<h1>Supabase Design System</h1>
|
|
</Link>
|
|
<DesignSystemMarks />
|
|
</div>
|
|
{/* {docsConfig.mainNav.map((section) => (
|
|
<>
|
|
<div className="font-mono uppercase text-xs text-foreground-lighter">
|
|
{section.title}
|
|
</div>
|
|
</>
|
|
))} */}
|
|
<div className="flex items-center gap-8">
|
|
{/* <TopNavigationSearch /> */}
|
|
<CommandMenu />
|
|
<ThemeSwitcherDropdown />
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
)
|
|
}
|
|
|
|
export default TopNavigation
|