renttrent/peroxy_site
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dark mode and light mode support

Browse Source
This commit is contained in:
rei
2022-12-30 15:01:25 +01:00
parent d397503c66
commit 4d9092ae3d
10 changed files with 148 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/PostHeader.tsx
View File

@@ -22,17 +22,19 @@ export const PostHeader = ({
return (
<div>
<div className="lg:text-5xl text-3xl font-bold mt-2">{title}</div>
<div className="mt-2 text-gray-400">{description}</div>
<div className="mt-2 mb-10 flex lg:flex-row flex-col gap-2 xl:items-center">
<div className="mt-2 text-gray-600dark:text-gray-400">{description}</div>
<div className="mt-2 mb-10 flex lg:flex-row flex-col gap-2 items-center">
{author && (
<div className="font-medium ">
By{" "}
{authorLink && (
<Link href={authorLink} className="text-action">
<Link href={authorLink} className="dark:text-action text-primary">
@{author}
</Link>
)}
{!authorLink && <span className="text-action">@{author}</span>}
{!authorLink && (
<span className="dark:text-action text-primary">@{author}</span>
)}
</div>
)}
<div className="text-sm font-medium text-gray-500 lg:before:content-['•'] lg:after:content-['•'] lg:before:pr-2 lg:after:pl-2">