fix mobile layout

polarsource · Jan 21, 2025 · 9b2132c · 9b2132c
1 parent 566c161
commit 9b2132c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/clients/apps/web/src/components/Vision/sections/DNASection.tsx b/clients/apps/web/src/components/Vision/sections/DNASection.tsx
@@ -14,7 +14,7 @@ export const DNASection = () => {
       context={
         <div className="flex flex-col gap-y-8">
           <Grid
-            className="relative z-10 grid-cols-2 text-xs md:grid-cols-4"
+            className="relative z-10 hidden grid-cols-2 text-xs md:grid md:grid-cols-4"
             items={[
               <span
                 key="a"
@@ -43,7 +43,7 @@ export const DNASection = () => {
             ]}
           />
           <Grid
-            className="grid-cols-2 text-xs md:grid-cols-4 [&>*]:aspect-auto"
+            className="hidden grid-cols-2 text-xs md:grid md:grid-cols-4 [&>*]:aspect-auto"
             items={[
               <span key="e">@polar-sh/nextjs</span>,
               <span key="f">@polar-sh/fastify</span>,

diff --git a/clients/apps/web/src/components/Vision/sections/EntitlementsSection.tsx b/clients/apps/web/src/components/Vision/sections/EntitlementsSection.tsx
@@ -46,7 +46,7 @@ const SlackEntitlement = new EntitlementStrategy()
   .revoke(async ctx => slackClient.admin.users.remove(...));
 
 export const POST = Webhooks({
-  webhookSecret: process.env.WEBHOOK_SECRET,
+  webhookSecret: process.env.POLAR_WEBHOOK_SECRET,
   entitlements: Entitlements.use('slack', SlackEntitlement)
 });
 `}

diff --git a/clients/apps/web/src/components/Vision/sections/IndexSection.tsx b/clients/apps/web/src/components/Vision/sections/IndexSection.tsx
@@ -8,7 +8,7 @@ export const IndexSection = () => {
       title="Integrating payments is a mess"
       context={
         <Console
-          className="flex aspect-video max-w-lg flex-grow"
+          className="flex aspect-video flex-grow md:max-w-lg"
           title="Terminal"
           input="> i want to sell my saas online, how to?"
           output={`1. Create a Stripe Account

diff --git a/clients/apps/web/src/components/Vision/sections/OpenSourceSection.tsx b/clients/apps/web/src/components/Vision/sections/OpenSourceSection.tsx
@@ -9,7 +9,7 @@ export const OpenSourceSection = () => {
       title="Building in public"
       context={
         <Console
-          className="flex aspect-video max-w-lg flex-grow"
+          className="flex aspect-video flex-grow md:max-w-lg"
           title="zsh"
           input="~/ % git clone [email protected]:polarsource/polar.git"
           output="Cloning Polar..."