From a0cb19978b8f49b07c5b78761430bf1150c17242 Mon Sep 17 00:00:00 2001
From: rzmk <30333942+rzmk@users.noreply.github.com>
Date: Wed, 15 Oct 2025 13:03:55 -0400
Subject: [PATCH] ui(docs): improve mobile view

---
 docs/app/(home)/page.tsx    | 4 ++--
 docs/components/builder.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/app/(home)/page.tsx b/docs/app/(home)/page.tsx
index 8a86dce..bba11b9 100644
--- a/docs/app/(home)/page.tsx
+++ b/docs/app/(home)/page.tsx
@@ -150,7 +150,7 @@ function PreviewImages() {
   ];
 
   return (
-    <div className="p-8 min-w-[800px] overflow-hidden xl:-mx-12 dark:[mask-image:linear-gradient(to_top,transparent,white_40px)]">
+    <div className="p-8 min-w-[600px] md:min-w-[800px] overflow-hidden xl:-mx-12 dark:[mask-image:linear-gradient(to_top,transparent,white_40px)]">
       <div className="absolute flex flex-row left-1/2 -translate-1/2 bottom-4 z-2 p-1 rounded-full bg-fd-card border shadow-xl dark:shadow-fd-background">
         {/* <div
           role="none"
@@ -176,7 +176,7 @@ function PreviewImages() {
           alt="preview"
           priority
           className={cn(
-            "rounded-xl w-full select-none duration-1000 animate-in fade-in -mb-60 slide-in-from-bottom-12 lg:-mb-0",
+            "rounded-xl w-full select-none duration-1000 animate-in fade-in md:-mb-60 slide-in-from-bottom-12 lg:-mb-0",
             active !== i && "hidden",
           )}
         />
diff --git a/docs/components/builder.tsx b/docs/components/builder.tsx
index d5402da..5680e7e 100644
--- a/docs/components/builder.tsx
+++ b/docs/components/builder.tsx
@@ -52,8 +52,8 @@ ${ckanVersionString}${extensionsString ? extensionsString : ""}${featuresString
   }, [config]);
 
   return (
-    <div className="grid grid-cols-3 gap-4">
-      <div className="col-span-1 border-r-2 pr-4">
+    <div className="md:grid md:grid-cols-3 md:gap-4">
+      <div className="md:col-span-1 md:border-r-2 md:pr-4">
         <div className="sticky top-8">
           <h2>ckan-devstaller command</h2>
           <CodeBlock title="Installation command">
@@ -87,7 +87,7 @@ ${ckanVersionString}${extensionsString ? extensionsString : ""}${featuresString
           </div>
         </div>
       </div>
-      <div className="col-span-2">
+      <div className="md:col-span-2">
         <h2>Configuration options</h2>
         <PresetsBuilderSection config={config} setConfig={setConfig} />
         <CKANVersionBuilderSection config={config} setConfig={setConfig} />