ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 09:20:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

Release note minor design fixes

Browse source
This commit is contained in:
Kyle 2025-05-04 01:24:52 +02:00
parent bad47785c8
commit 3424669bba
No known key found for this signature in database
GPG key ID: 4CFC8A3019904C91
1 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/pages/release-notes/index.astro
View file

@ -52,20 +52,20 @@ import { ArrowUp } from 'lucide-astro'
href="#" href="#"
id="scroll-top" id="scroll-top"
isPrimary isPrimary
class="fixed bottom-8 right-8 opacity-0" class="fixed bottom-8 right-8"
> >
<p class="hidden items-center gap-2 sm:flex"> <p class="items-center gap-2 sm:flex">
Back to the top <ArrowUp aria-hidden="true" class="size-4" /> Back to the top <ArrowUp aria-hidden="true" class="size-4" />
</p> </p>
<ArrowUp aria-label="Back to the top" class="size-4 sm:hidden" /> <ArrowUp aria-label="Back to the top" class="size-4 sm:hidden" />
</Button> </Button>
</Layout> </Layout>
<Modal id="version-modal" class="m-auto border !bg-paper"> <Modal id="version-modal" class="m-auto border !bg-paper border-[--zen-dark]">
<ModalHeader class="border-b"> <ModalHeader class="border-b border-[--zen-dark]">
<h1 class="text-4xl font-bold">Choose version</h1> <p class="text-4xl font-bold text-dark">Choose version</p>
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody>
<div id="version-list" class="flex flex-col gap-2 text-xl"> <div id="version-list" class="flex flex-col gap-2 text-xl text-dark">
{ {
releaseNotes.map((note) => ( releaseNotes.map((note) => (
<button <button
@ -95,11 +95,11 @@ import { ArrowUp } from 'lucide-astro'
const descriptionPosition = versionButton.getBoundingClientRect().bottom const descriptionPosition = versionButton.getBoundingClientRect().bottom
if (descriptionPosition < 0) { if (descriptionPosition < 0) {
scrollTopButton.classList.remove('opacity-0') scrollTopButton.classList.remove('hidden')
scrollTopButton.classList.add('opacity-100') scrollTopButton.classList.add('block')
} else { } else {
scrollTopButton.classList.remove('opacity-100') scrollTopButton.classList.remove('block')
scrollTopButton.classList.add('opacity-0') scrollTopButton.classList.add('hidden')
} }
} }
@ -151,3 +151,9 @@ import { ArrowUp } from 'lucide-astro'
versionButton?.addEventListener('click', openVersionModal) versionButton?.addEventListener('click', openVersionModal)
versionList?.addEventListener('click', navigateToVersion) versionList?.addEventListener('click', navigateToVersion)
</script> </script>
<style is:global>
#version-modal > * {
font-family: 'Bricolage Grotesque', sans-serif !important;
}
</style>