dima/supabase
1
0 Fork 0
mirror of https://github.com/supabase/supabase.git synced 2026-10-06 09:55:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update functions to beta

Browse Source
This commit is contained in:
Joshen Lim committed 2022-08-03 17:33:40 +08:00
1 parent 30a34d1944
commit f97e262bc0
1 file changed
+19 -41
Download Patch File Download Diff File Expand all files Collapse all files
studio/components/interfaces/Functions/FunctionsLayout.tsx
+19 -41
View File
@@ -57,9 +57,9 @@ const FunctionsLayout = ({ children }: { children?: React.ReactNode }) => {
>
<IconCode size={14} strokeWidth={3} />
</div>
<div className="flex items-center space-x-2">
<div className="flex items-center space-x-4">
<h1 className="text-2xl text-scale-1200">Functions</h1>
<Badge color="green">Beta</Badge>
<p className="text-scale-1000 mt-1">Beta</p>
</div>
</div>
</div>
@@ -70,48 +70,29 @@ const FunctionsLayout = ({ children }: { children?: React.ReactNode }) => {
) : (
<div className="h-full flex flex-col flex-grow py-6">
<div
className="
w-full mx-auto
transition-all
flex flex-col
px-5
lg:px-16
xl:px-24
1xl:px-28
2xl:px-32
gap-4
"
className={[
'w-full mx-auto transition-all flex flex-col',
'px-5 lg:px-16 xl:px-24 1xl:px-28 2xl:px-32 gap-4',
].join(' ')}
>
<div
className="flex
flex-col
gap-y-4
xl:flex-row
item-center
justify-between"
>
<div className="flex flex-col gap-y-4 xl:flex-row item-center justify-between">
<div className="flex items-center gap-3">
<div
className="w-6 h-6 bg-brand-300 border border-brand-600 rounded text-brand-900
flex items-center justify-center
"
className={[
'w-6 h-6 bg-brand-300 border border-brand-600 rounded',
'text-brand-900 flex items-center justify-center',
].join(' ')}
>
<IconCode size={14} strokeWidth={3} />
</div>
<Link href={`/project/${ref}/functions`}>
<h1
className="
transition-colors
text-2xl text-scale-1200
cursor-pointer
hover:text-scale-1100"
>
Functions
</h1>
</Link>
<div className="flex items-center space-x-4">
<Link href={`/project/${ref}/functions`}>
<h1 className="transition-colors text-2xl text-scale-1200 cursor-pointer hover:text-scale-1100">
Functions
</h1>
</Link>
<p className="text-scale-1000 mt-1">Beta</p>
</div>
{name && (
<>
@@ -134,9 +115,6 @@ const FunctionsLayout = ({ children }: { children?: React.ReactNode }) => {
</>
)}
</div>
<div>
<WarningBanner title={WARNING_MESSAGE.title} />
</div>
</div>
{item && <FunctionsNav item={item} />}
</div>