mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 15:19:08 +03:00
Jonathan Summers-MuirandFrancesco Sansalvadore
6d760a1a99
* chore: move to deeper dark * tidy up boxes on www * update deep-dark colors * fix homepage product cards * toned down pricing page a little * update * lots of color changes * Update grid.scss * Update EntityListItem.tsx * Update EntityListItem.tsx * fix partners page icon * fix partners page colors * update theme * Update global.css * combined dark theme so classic-dark does not break on other sites * Update package-lock.json * updated color tokens pipeline to support combined dark theme * smol updates * Update FeaturedThumb.tsx * Update BlogFilters.tsx * Update BlogListItem.tsx * Update BlogListItem.tsx * Update UserSettingsDropdown.tsx * Update NavigationBar.tsx --------- Co-authored-by: Francesco Sansalvadore <f.sansalvadore@gmail.com>
28 lines
671 B
TypeScript
28 lines
671 B
TypeScript
import { PropsWithChildren } from 'react'
|
|
|
|
interface ProductMenuBarProps {
|
|
title: string
|
|
}
|
|
|
|
const ProductMenuBar = ({ title, children }: PropsWithChildren<ProductMenuBarProps>) => {
|
|
return (
|
|
<div
|
|
className={[
|
|
'hide-scrollbar flex flex-col w-full h-full', // Layout
|
|
'bg-dash-sidebar',
|
|
'border-default ',
|
|
].join(' ')}
|
|
>
|
|
<div
|
|
className="border-default flex max-h-12 items-center border-b px-6"
|
|
style={{ minHeight: '3rem' }}
|
|
>
|
|
<h4 className="text-lg">{title}</h4>
|
|
</div>
|
|
<div className="flex-grow overflow-y-auto">{children}</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ProductMenuBar
|