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

feat: make partner gallery responsive

Browse Source
This commit is contained in:
Alaister Young committed 2022-03-26 15:46:17 +01:00
1 parent f28ff3ad93
commit 2ced8ffb8e
2 files changed
+26 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

www/pages/partners/experts/index.tsx
+14 -7
View File
@@ -65,22 +65,29 @@ function ExpertPartnersPage(props: Props) {
<DefaultLayout>
<SectionContainer className="space-y-12">
{/* Horizontal link menu */}
<div className="flex justify-between w-full">
<Typography.Title level={3}>Partners</Typography.Title>
<div className="flex space-x-6">
<div className="flex flex-col items-start justify-between w-full space-y-3 md:space-y-0 md:flex-row md:items-center">
<Typography.Title level={3} className="mb-0">
Partners
</Typography.Title>
<div className="flex flex-col space-y-1 sm:flex-row sm:space-y-0 sm:space-x-6">
<Link href={`/partners/integrations`}>
<a>
<span className="text-brand-700 hover:text-brand-800">INTEGRATIONS</span>
<Typography.Title level={5} className="mb-0">
<span className="text-brand-700 hover:text-brand-800">INTEGRATIONS</span>
</Typography.Title>
</a>
</Link>
<Link href={`/partners/experts`}>
<a>
<Typography.Title level={5}>EXPERTS</Typography.Title>
<Typography.Title level={5} className="mb-0">
EXPERTS
</Typography.Title>
</a>
</Link>
<Link href={`/partners/experts#become-a-partner`}>
<a className="text-brand-700 hover:text-brand-800">
<Typography.Title level={5}>
<Typography.Title level={5} className="mb-0">
<span className="flex text-brand-700 hover:text-brand-800">
BECOME A PARTNER <IconArrowRight />
</span>
@@ -92,7 +99,7 @@ function ExpertPartnersPage(props: Props) {
{/* Title */}
<Typography.Title className="text-center">Find an Expert</Typography.Title>
{/* Search Bar */}
<div className="w-full md:flex md:space-x-6">
<div className="w-full space-y-3 md:space-y-0 md:flex md:space-x-6">
<Input
icon={<IconSearch />}
placeholder="Search all partners"
www/pages/partners/integrations/index.tsx
+12 -7
View File
@@ -116,24 +116,29 @@ function IntegrationPartnersPage(props: Props) {
<DefaultLayout>
<SectionContainer className="space-y-12">
{/* Horizontal link menu */}
<div className="flex justify-between w-full">
<Typography.Title level={3}>Partners</Typography.Title>
<div className="flex space-x-6">
<div className="flex flex-col items-start justify-between w-full space-y-3 md:space-y-0 md:flex-row md:items-center">
<Typography.Title level={3} className="mb-0">
Partners
</Typography.Title>
<div className="flex flex-col space-y-1 sm:flex-row sm:space-y-0 sm:space-x-6">
<Link href={`/partners/integrations`}>
<a>
<Typography.Title level={5}>INTEGRATIONS</Typography.Title>
<Typography.Title level={5} className="mb-0">
INTEGRATIONS
</Typography.Title>
</a>
</Link>
<Link href={`/partners/experts`}>
<a>
<Typography.Title level={5}>
<Typography.Title level={5} className="mb-0">
<span className="text-brand-700 hover:text-brand-800">EXPERTS</span>
</Typography.Title>
</a>
</Link>
<Link href={`/partners/integrations#become-a-partner`}>
<a className="text-brand-700 hover:text-brand-800">
<Typography.Title level={5}>
<Typography.Title level={5} className="mb-0">
<span className="flex text-brand-700 hover:text-brand-800">
BECOME A PARTNER <IconArrowRight />
</span>
@@ -145,7 +150,7 @@ function IntegrationPartnersPage(props: Props) {
{/* Title */}
<Typography.Title className="text-center">Find an Integration</Typography.Title>
{/* Search Bar */}
<div className="w-full md:flex md:space-x-6">
<div className="w-full space-y-3 md:space-y-0 md:flex md:space-x-6">
<Input
icon={<IconSearch />}
placeholder="Search all partners"