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

chore: Prettier format

Browse Source
This commit is contained in:
Chris Bennett
2024-09-22 23:30:40 +01:00
parent b01201c954
commit 40b2499551
3 changed files with 98 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/cool-header-text.tsx
View File

@@ -17,20 +17,22 @@ const TextTitle = styled.h1`
background-image: linear-gradient(90deg, #0077e7, #01d8d1);
filter: hue-rotate(0deg);
animation: ${hueShift} 10s infinite linear 1s;
padding-bottom: 8px;
padding-bottom: 8px;
`;
export default function CoolHeaderText() {
return (
<>
<div className="relative font-extrabold mt-5 mb-3 -translate-y-4 animate-fade-in text-balance bg-gradient-to-br from-black from-30% to-black/40 bg-clip-text py-6 text-5xl font-semibold leading-none tracking-tighter text-transparent opacity-0 [--animation-delay:200ms] dark:from-white dark:to-white/40 sm:text-6xl md:text-7xl lg:text-8xl">
<TextTitle>
Beautiful. Fast. Private.<br />Your Browser, Your Way.
</TextTitle>
</div>
<div className="text-white absolute animate-fade-in top-[-5px] right-[-20px] transform shadow !rotate-[15deg] rounded-full mt-12 pointer-events-none hidden md:block bg-blue-500 px-3 py-1 w-fit h-fit opacity-0 [--animation-delay:400ms]">
Alpha Version
</div>
</>
<>
<div className="relative mb-3 mt-5 -translate-y-4 animate-fade-in text-balance bg-gradient-to-br from-black from-30% to-black/40 bg-clip-text py-6 text-5xl font-extrabold font-semibold leading-none tracking-tighter text-transparent opacity-0 [--animation-delay:200ms] dark:from-white dark:to-white/40 sm:text-6xl md:text-7xl lg:text-8xl">
<TextTitle>
Beautiful. Fast. Private.
<br />
Your Browser, Your Way.
</TextTitle>
</div>
<div className="pointer-events-none absolute right-[-20px] top-[-5px] mt-12 hidden h-fit w-fit !rotate-[15deg] transform animate-fade-in rounded-full bg-blue-500 px-3 py-1 text-white opacity-0 shadow [--animation-delay:400ms] md:block">
Alpha Version
</div>
</>
);
}

25
src/components/release-note.tsx
View File

@@ -28,8 +28,10 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
month: parseInt(splitDate[1]) - 1,
day: parseInt(splitDate[0]),
}).format("MMMM Do, YYYY")}
<div className="flex items-center opacity-60 text-blue-500 mt-2">
<a href={`https://github.com/zen-browser/desktop/releases/tag/${data.version}`}>
<div className="mt-2 flex items-center text-blue-500 opacity-60">
<a
href={`https://github.com/zen-browser/desktop/releases/tag/${data.version}`}
>
GitHub Release
</a>
{data.workflowId && (
@@ -45,13 +47,22 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
</div>
{data.inProgress && (
<div className="mt-5 flex">
<ExclamationTriangleIcon className="size-6 mr-3 text-yellow-500 opacity-60" />
<ExclamationTriangleIcon className="mr-3 size-6 text-yellow-500 opacity-60" />
<div>
<p>This release is still in progress, stay tuned!</p>
<p className="mt-2">Consider joining our <a href="https://discord.gg/zen-browser" className="text-blue-500">Discord</a> for update pings!</p >
<p className="mt-2">
Consider joining our{" "}
<a
href="https://discord.gg/zen-browser"
className="text-blue-500"
>
Discord
</a>{" "}
for update pings!
</p>
</div>
</div>
)}
)}
</StickyBox>
<div className="px-5 md:px-0 md:px-10 md:pr-32">
<h1 className="text-3xl font-bold">
@@ -109,7 +120,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
<AccordionItem value="fixes" title="Fixes">
<AccordionTrigger className="border-b">
<div className="flex items-center">
<CheckCheckIcon className="mr-2 mt-1 size-5 opacity-50 text-green-500" />
<CheckCheckIcon className="mr-2 mt-1 size-5 text-green-500 opacity-50" />
<span className="ml-2">Fixes</span>
</div>
</AccordionTrigger>
@@ -139,7 +150,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
<AccordionItem value="theme-changes" title="Theme Changes">
<AccordionTrigger className="border-b">
<div className="flex items-center">
<BrushIcon className="mr-2 mt-1 size-5 opacity-50 text-blue-500" />
<BrushIcon className="mr-2 mt-1 size-5 text-blue-500 opacity-50" />
<span className="ml-2">Theme Changes</span>
</div>
</AccordionTrigger>