fix(website): code snippet overflowing

supabase · Jan 3, 2025 · 872d7c6 · 872d7c6
1 parent da5cd7d
commit 872d7c6
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/website/pages/index.tsx b/website/pages/index.tsx
@@ -14,7 +14,7 @@ import {
 } from '~/data/packages/popular-packages-query'
 import { NextPageWithLayout } from '~/lib/types'
 
-const IndexPage: NextPageWithLayout = ({}) => {
+const IndexPage: NextPageWithLayout = ({ }) => {
   const { data } = usePopularPackagesQuery()
 
   return (
@@ -56,16 +56,16 @@ const IndexPage: NextPageWithLayout = ({}) => {
           </div>
         </div>
         <div className="mt-4 md:mt-12 lg:-mt-16 lg:flex-shrink-0 md:text-center lg:text-left">
-          <div className="relative border inline-block px-4 pt-4 pb-4 md:pb-24 rounded-md justify-end">
-            <div className="inline-block">
+          <div className="relative border px-4 pt-4 pb-4 md:pb-24 rounded-md justify-end">
+            <div>
               <div>
                 <h3 className="text-lg font-bold">Download and install</h3>
                 <p className="text-xs text-muted-foreground">
                   Install extensions via a SQL command
                 </p>
               </div>
               <div className="mt-4 relative">
-                <code>
+                <code className="block md:inline overflow-scroll py-2">
                   <span className="text-muted-foreground">
                     select dbdev.install(
                   </span>