refactor(download): big improvement to the download page design

This commit is contained in:
Shintaro Jokagi 2025-03-21 10:06:22 +13:00
parent 794d500606
commit 0c11177313
4 changed files with 640 additions and 482 deletions

View file

@ -0,0 +1,45 @@
---
interface Props {
label: string
href: string
variant?: string
}
const { label, href, variant } = Astro.props
---
<a
href={href}
class="group relative flex items-center justify-between rounded-2xl border border-subtle p-4 transition-colors duration-300 hover:border-coral hover:shadow-md"
target="_blank"
rel="noopener noreferrer"
>
<div>
<p class="text-lg font-medium">{label}</p>
</div>
<div class="ml-4 flex items-center">
<span
class="release-type-tag mr-2 rounded-full bg-coral/10 px-2 py-1 text-xs font-medium text-coral"
>
Beta
</span>
<div
class="text-muted-foreground rounded-xl border border-subtle p-2 transition-colors duration-300 group-hover:border-coral group-hover:text-coral"
>
<svg
width="16"
height="16"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-arrow-up-right"
>
<path d="M7 17 17 7"></path>
<path d="M7 7h10v10"></path>
</svg>
</div>
</div>
</a>

View file

@ -0,0 +1,50 @@
---
import { releaseNotes, releaseNotesTwilight } from '../../release-notes'
export const releases = {
macos: {
universal: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen.macos.mar',
label: `Universal`,
},
},
windows: {
x86_64: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen.installer.exe',
label: `64-bit`,
},
arm64: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen.installer-arm64.exe',
label: `ARM64`,
},
},
linux: {
x86_64: {
tarball: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen-x86_64.tar.gz',
label: `Tarball x86_64`,
},
appImage: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen-x86_64.AppImage',
label: `AppImage x86_64`,
},
},
aarch64: {
tarball: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen-aarch64.tar.gz',
label: `Tarball aarch64`,
},
appImage: {
link: 'https://github.com/zen-browser/desktop/releases/latest/download/zen-aarch64.AppImage',
label: `AppImage aarch64`,
},
},
flathub: {
all: {
link: 'https://flathub.org/apps/app.zen_browser.zen',
label: `Flathub`,
},
},
},
}
---

File diff suppressed because it is too large Load diff

View file

@ -5,8 +5,9 @@ export default {
theme: {
extend: {
screens: {
'-md': '@media (min-width: 768px)',
'-lg': '@media (min-width: 1024px)',
'-sm': '@media (max-width: 639px)',
'-md': '@media (max-width: 767px)',
'-lg': '@media (max-width: 1023px)',
},
colors: {
paper: 'var(--zen-paper)',