datHere/ckan-devstaller
1
0
Fork 0
mirror of https://github.com/dathere/ckan-devstaller.git synced 2025-11-09 13:39:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ui(docs): improve mobile view

Browse source
This commit is contained in:
rzmk 2025-10-15 13:03:55 -04:00
parent a24d49042b
commit a0cb19978b
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/app/(home)/page.tsx
View file

@ -150,7 +150,7 @@ function PreviewImages() {
]; ];
return ( 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 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 {/* <div
role="none" role="none"
@ -176,7 +176,7 @@ function PreviewImages() {
alt="preview" alt="preview"
priority priority
className={cn( 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", active !== i && "hidden",
)} )}
/> />

6
docs/components/builder.tsx
View file

@ -52,8 +52,8 @@ ${ckanVersionString}${extensionsString ? extensionsString : ""}${featuresString
}, [config]); }, [config]);
return ( return (
<div className="grid grid-cols-3 gap-4"> <div className="md:grid md:grid-cols-3 md:gap-4">
<div className="col-span-1 border-r-2 pr-4"> <div className="md:col-span-1 md:border-r-2 md:pr-4">
<div className="sticky top-8"> <div className="sticky top-8">
<h2>ckan-devstaller command</h2> <h2>ckan-devstaller command</h2>
<CodeBlock title="Installation command"> <CodeBlock title="Installation command">
@ -87,7 +87,7 @@ ${ckanVersionString}${extensionsString ? extensionsString : ""}${featuresString
</div> </div>
</div> </div>
</div> </div>
<div className="col-span-2"> <div className="md:col-span-2">
<h2>Configuration options</h2> <h2>Configuration options</h2>
<PresetsBuilderSection config={config} setConfig={setConfig} /> <PresetsBuilderSection config={config} setConfig={setConfig} />
<CKANVersionBuilderSection config={config} setConfig={setConfig} /> <CKANVersionBuilderSection config={config} setConfig={setConfig} />