correctly render lines

fern-api · Feb 8, 2024 · 1c093da · 1c093da
1 parent 060a3b6
commit 1c093da
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/packages/ui/app/src/api-page/ApiPackageContents.tsx b/packages/ui/app/src/api-page/ApiPackageContents.tsx
@@ -31,15 +31,20 @@ export const ApiPackageContents: React.FC<ApiPackageContents.Props> = ({
                     apiDefinition={apiDefinition}
                     endpoint={endpoint}
                     subpackageTitle={subpackageTitle}
-                    isLastInApi={isLastInParentPackage && idx === endpoints.length - 1}
+                    isLastInApi={
+                        isLastInParentPackage &&
+                        webhooks.length === 0 &&
+                        subpackages.length === 0 &&
+                        idx === endpoints.length - 1
+                    }
                 />
             ))}
             {webhooks.map((webhook, idx) => (
                 <Webhook
                     key={webhook.id}
                     webhook={webhook}
                     subpackageTitle={subpackageTitle}
-                    isLastInApi={isLastInParentPackage && idx === webhooks.length - 1}
+                    isLastInApi={isLastInParentPackage && subpackages.length === 0 && idx === webhooks.length - 1}
                 />
             ))}
             {subpackages.map((subpackage, idx) => (

diff --git a/packages/ui/app/src/api-page/endpoints/EndpointContent.tsx b/packages/ui/app/src/api-page/endpoints/EndpointContent.tsx
@@ -220,7 +220,7 @@ export const EndpointContent: React.FC<EndpointContent.Props> = ({
 
     return (
         <div
-            className={"scroll-mt-header-height-padded mx-8"}
+            className={"scroll-mt-header-height-padded mx-6 md:mx-8"}
             onClick={() => setSelectedError(undefined)}
             ref={containerRef}
         >

diff --git a/packages/ui/app/src/api-page/webhooks/WebhookContent.tsx b/packages/ui/app/src/api-page/webhooks/WebhookContent.tsx
@@ -42,7 +42,7 @@ export const WebhookContent = React.memo<WebhookContent.Props>(function WebhookC
     const webhookExample = example ? <WebhookExample example={example} /> : null;
 
     return (
-        <ApiPageMargins className={"scroll-mt-header-height-padded mx-8"}>
+        <ApiPageMargins className={"scroll-mt-header-height-padded mx-6 md:mx-8"}>
             <div
                 className={classNames(
                     "scroll-mt-header-height max-w-content-width lg:max-w-endpoint-width mx-auto lg:grid lg:grid-cols-2 lg:gap-12",