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

Merge pull request #206 from ZhenyaGoroh/fix-#204

Browse Source 
Fixed #204
This commit is contained in:
NOCanoa
2024-09-30 18:40:55 +01:00
committed by GitHub
parent 4f6bef1850 c8245db8da
commit 67281a7326
1 changed files with 57 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,20 +9,10 @@ import { Accordion, AccordionItem } from "@radix-ui/react-accordion";
import { AccordionContent, AccordionTrigger } from "./ui/accordion";
import { ny } from "@/lib/utils";
export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
function DateContainer({ data }: { data: ReleaseNote }) {
const splitDate = data.date.split("/");
return (
<section
className={ny(
"relative flex flex-col border-t lg:flex-row",
data.version == releaseNotes[0].version ? "mt-24 pt-24" : "mt-36 pt-36",
)}
id={data.version}
>
<StickyBox
className="mb-6 ml-10 mr-24 mt-1 h-fit min-w-52 text-xs text-muted-foreground lg:mb-0"
offsetTop={120}
>
<>
{moment({
year: parseInt(splitDate[2]),
month: parseInt(splitDate[1]) - 1,
@@ -63,8 +53,32 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
</div>
</div>
)}
</>
);
}
const dateContainerStyles =
"ml-10 mr-24 mt-1 h-fit min-w-52 text-xs text-muted-foreground";
export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
return (
<section
className={ny(
"relative flex flex-col border-t lg:flex-row",
data.version == releaseNotes[0].version ? "mt-24 pt-24" : "mt-36 pt-36",
)}
id={data.version}
>
<StickyBox
className={ny("mb-0 hidden lg:block", dateContainerStyles)}
offsetTop={120}
>
<DateContainer data={data} />
</StickyBox>
<div className="px-5 md:px-0 md:px-10 md:pr-32">
<div className={ny("mb-6 block lg:hidden", dateContainerStyles)}>
<DateContainer data={data} />
</div>
<div className="px-5 md:px-10 md:pr-32">
<h1 className="text-3xl font-bold">
Release notes for {data.version} 🎉
</h1>