mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-05-02 20:34:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

made glow optional for download button

Browse Source
This commit is contained in:
myung03
2024-08-31 21:56:19 -07:00
parent 4c0de2d75f
commit 8af69a4ddf
4 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/landing/src/app/page.tsx
View File

@@ -29,7 +29,6 @@ export default async function Page() {
return (
<>
{/* <Background /> */}
{/* <Image
loading="eager"
className="absolute-horizontal-center fade-in"

20
apps/landing/src/components/cta-buttons/download-button.tsx
View File

@@ -1,14 +1,28 @@
import { ArrowCircleDown } from '@phosphor-icons/react/dist/ssr';
import clsx from 'clsx';
import Link from 'next/link';
export function DownloadButton({ name, link }: { name: string; link: string }) {
export function DownloadButton({
name,
link,
glow
}: {
name: string;
link: string;
glow?: boolean;
}) {
return (
<Link
href={link}
className="z-30 inline-flex cursor-pointer items-center justify-center gap-x-[8px] rounded-[12px] border-[1.5px] border-[#88D7FF] px-[16px] py-[10px] shadow-[0px_4px_5px_0px_rgba(168,213,255,0.25),0px_0px_39.7px_0px_rgba(75,173,255,0.50)]"
className={clsx(
'z-30 inline-flex cursor-pointer items-center justify-center gap-x-[8px] rounded-[12px] border-[1.5px] border-[#88D7FF] px-[16px] py-[10px]',
{
'shadow-[0px_4px_5px_0px_rgba(168,213,255,0.25),0px_0px_39.7px_0px_rgba(75,173,255,0.50)]':
glow
}
)}
style={{
backgroundImage: `url('images/misc/NoisePattern.png'), linear-gradient(180deg, #42B2FD -22.29%, #0078F0 99.3%)`,
backgroundColor: 'lightgray',
backgroundPosition: '0% 0%',
backgroundSize: '50px 50px',
backgroundRepeat: 'repeat',

1
apps/landing/src/components/cta-buttons/index.tsx
View File

@@ -60,6 +60,7 @@ export function CTAButtons({ latestVersion }: Props) {
<DownloadButton
name={currentPlatform?.name ?? 'macOS'}
link={`https://spacedrive.com/api/releases/desktop/stable/${currentPlatform?.os}/x86_64`}
glow={true}
/>
);
})()}

5
apps/landing/src/components/global-nav-bar/index.tsx
View File

@@ -68,6 +68,7 @@ export function NavBar() {
<DownloadButton
name={currentPlatform?.name ?? 'macOS'}
link={`https://spacedrive.com/api/releases/desktop/stable/${currentPlatform?.os}/x86_64`}
glow={false}
/>
</div>
@@ -130,10 +131,6 @@ export function NavBar() {
<NavLink link="/docs/product/getting-started/introduction">
Docs
</NavLink>
<DownloadButton
name={currentPlatform?.name ?? 'macOS'}
link={`https://spacedrive.com/api/releases/desktop/stable/${currentPlatform?.os}/x86_64`}
/>
</div>
</motion.div>
</>