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 (
<div>
<div className="flex flex-col items-center justify-center gap-4 mb-4">
<h6 className="text-2xl font-medium">Detailed platforms</h6>
<p className="leading-relaxed text-black/60 dark:text-white/60">
Jan is in the process of being built. Expect bugs!
</p>
</div>
<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">
{groupTemnplate.map((item, i) => {
return (
<div
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 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">
{groupTemnplate.map((item, i) => {
return (
<div
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>
)
})}
</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">
Turn your computer into an AI machine
</p>
<div className="my-16">
<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 className="my-8">
<DownloadApp />
</div>
<div className="mb-14">
@ -53,7 +45,6 @@ export default function Download() {
Changelog
</a>
</div>
<DownloadApp />
</div>
</main>
</Layout>