joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improved formatting and remove unnecessary dependencies

Browse Source
This commit is contained in:
Aashirwadrunjan
2024-09-03 00:29:11 +05:30
parent 19c3d6e4ff
commit 71f3146cf7
3 changed files with 40 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
package-lock.json generated
View File

@@ -30,7 +30,7 @@
"feed": "^4.2.2", "feed": "^4.2.2",
"framer-motion": "^11.3.24", "framer-motion": "^11.3.24",
"lucide-react": "^0.400.0", "lucide-react": "^0.400.0",
"next": "^14.2.4", "next": "14.2.4",
"next-themes": "^0.3.0", "next-themes": "^0.3.0",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
@@ -38,7 +38,6 @@
"react-markdown": "^9.0.1", "react-markdown": "^9.0.1",
"react-spring": "^9.7.4", "react-spring": "^9.7.4",
"react-sticky-el": "^2.1.0", "react-sticky-el": "^2.1.0",
"sharp": "^0.33.5",
"styled-components": "^6.1.12", "styled-components": "^6.1.12",
"tailwind-merge": "^2.5.1", "tailwind-merge": "^2.5.1",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",

3
package.json
View File

@@ -34,7 +34,7 @@
"feed": "^4.2.2", "feed": "^4.2.2",
"framer-motion": "^11.3.24", "framer-motion": "^11.3.24",
"lucide-react": "^0.400.0", "lucide-react": "^0.400.0",
"next": "^14.2.4", "next": "14.2.4",
"next-themes": "^0.3.0", "next-themes": "^0.3.0",
"react": "^18.3.1", "react": "^18.3.1",
"react-dom": "^18.3.1", "react-dom": "^18.3.1",
@@ -42,7 +42,6 @@
"react-markdown": "^9.0.1", "react-markdown": "^9.0.1",
"react-spring": "^9.7.4", "react-spring": "^9.7.4",
"react-sticky-el": "^2.1.0", "react-sticky-el": "^2.1.0",
"sharp": "^0.33.5",
"styled-components": "^6.1.12", "styled-components": "^6.1.12",
"tailwind-merge": "^2.5.1", "tailwind-merge": "^2.5.1",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",

77
src/components/download.tsx
View File

@@ -383,46 +383,45 @@ export default function DownloadPage() {
</div> </div>
</FormField> </FormField>
)} )}
{platform === "MacOS" && flowIndex === 1 && ( {platform === "MacOS" && flowIndex === 1 && (
<FormField <FormField
enter={platform === "MacOS"} enter={platform === "MacOS"}
out={platform !== "MacOS"} out={platform !== "MacOS"}
> >
<FieldTitle>Download Zen for MacOS</FieldTitle> <FieldTitle>Download Zen for MacOS</FieldTitle>
<FieldDescription> <FieldDescription>
Click the button below to download Zen for MacOS. Click the button below to download Zen for MacOS.
</FieldDescription> </FieldDescription>
{/*Fixed the issue where the box height of AArch64 and Intel were not consistent like in the windows and linux*/} <div className="flex items-center justify-center">
<div className="flex items-center justify-center"> <div
<div onClick={() => setSelectedArchitecture("specific")}
onClick={() => setSelectedArchitecture("specific")} className={ny(
className={ny( "select-none w-full h-64 mb-2 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
"select-none w-full h-64 mb-2 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border", selectedArchitecture === "specific" ? "border-blue-400" : ""
selectedArchitecture === "specific" ? "border-blue-400" : "" )}
)} >
> <h1 className="text-5xl my-2 opacity-40 dark:opacity-20">🍏</h1>
<h1 className="text-5xl my-2 opacity-40 dark:opacity-20">🍏</h1> <h1 className="text-2xl font-semibold my-2">AArch64</h1>
<h1 className="text-2xl font-semibold my-2">AArch64</h1> <p className="text-muted-foreground mx-auto text-center">
<p className="text-muted-foreground mx-auto text-center"> 64-bit ARM architecture, for Apple's M Series Chips
64-bit ARM architecture, for Apple's M Series Chips </p>
</p> </div>
<div
onClick={() => setSelectedArchitecture("generic")}
className={ny(
"select-none w-full h-64 mb-2 ml-10 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
selectedArchitecture === "generic" ? "border-blue-400" : ""
)}
>
<h1 className="text-5xl font-bold my-2 opacity-40 dark:opacity-20">x64</h1>
<h1 className="text-2xl font-semibold my-2">Intel</h1>
<p className="text-muted-foreground mx-auto text-center">
64-bit Intel architecture, for older Macs
</p>
</div>
</div> </div>
<div </FormField>
onClick={() => setSelectedArchitecture("generic")} )}
className={ny(
"select-none w-full h-64 mb-2 ml-10 p-5 flex flex-col items-center rounded-lg bg-background cursor-pointer border",
selectedArchitecture === "generic" ? "border-blue-400" : ""
)}
>
<h1 className="text-5xl font-bold my-2 opacity-40 dark:opacity-20">x64</h1>
<h1 className="text-2xl font-semibold my-2">Intel</h1>
<p className="text-muted-foreground mx-auto text-center">
64-bit Intel architecture, for older Macs
</p>
</div>
</div>
</FormField>
)}
{flowIndex === 2 && platform === "Windows" && ( {flowIndex === 2 && platform === "Windows" && (
<FormField <FormField
enter={platform === "Windows" && flowIndex === 2} enter={platform === "Windows" && flowIndex === 2}