Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix download page layout UI

Browse Source
This commit is contained in:
Faisal Amir 2024-03-19 12:10:35 +07:00
parent e61985c8fa
commit 912f6028ae
2 changed files with 21 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
docs/src/containers/DownloadApp/index.js
View File

@ -133,36 +133,28 @@ export default function DownloadApp() {
} }
return ( return (
<div> <div className="w-full lg:w-3/5 mx-auto px-4">
<div className="flex flex-col items-center justify-center gap-4 mb-4"> <div className="grid grid-cols-1 lg:grid-cols-3 py-10 gap-8">
<h6 className="text-2xl font-medium">Detailed platforms</h6> {groupTemnplate.map((item, i) => {
<p className="leading-relaxed text-black/60 dark:text-white/60"> return (
Jan is in the process of being built. Expect bugs! <div
</p> className="border border-[#F0F0F0] dark:border-gray-800 rounded-xl text-center"
</div> key={i}
<div className="w-full lg:w-3/5 mx-auto px-4"> >
<div className="grid grid-cols-1 lg:grid-cols-3 py-10 gap-8"> <div className="text-center">
{groupTemnplate.map((item, i) => { <div className="flex gap-2 p-4 border-b border-[#F0F0F0] dark:border-gray-800 items-center justify-center">
return ( <div className="text-2xl">
<div <item.logo />
className="border border-[#F0F0F0] dark:border-gray-800 rounded-xl text-center"
key={i}
>
<div className="text-center">
<div className="flex gap-2 p-4 border-b border-[#F0F0F0] dark:border-gray-800 items-center justify-center">
<div className="text-2xl">
<item.logo />
</div>
<h6>{item.label}</h6>
</div>
<div className="mx-auto text-center py-2">
{renderDownloadLink(item.name)}
</div> </div>
<h6>{item.label}</h6>
</div>
<div className="mx-auto text-center py-2">
{renderDownloadLink(item.name)}
</div> </div>
</div> </div>
) </div>
})} )
</div> })}
</div> </div>
</div> </div>
) )

13
docs/src/pages/download.js
View File

@ -25,16 +25,8 @@ export default function Download() {
<p className="text-2xl -mt-1 leading-relaxed text-black/60 dark:text-white/60"> <p className="text-2xl -mt-1 leading-relaxed text-black/60 dark:text-white/60">
Turn your computer into an AI machine Turn your computer into an AI machine
</p> </p>
<div className="my-8">
<div className="my-16"> <DownloadApp />
<ThemedImage
className="w-28 mx-auto h-auto"
alt="App screenshots"
sources={{
light: useBaseUrl('/img/homepage/mac-system-black.svg'),
dark: useBaseUrl('/img/homepage/mac-system-white.svg'),
}}
/>
</div> </div>
<div className="mb-14"> <div className="mb-14">
@ -53,7 +45,6 @@ export default function Download() {
Changelog Changelog
</a> </a>
</div> </div>
<DownloadApp />
</div> </div>
</main> </main>
</Layout> </Layout>