jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lint and format

Browse Source
This commit is contained in:
Timothy
2021-01-12 23:35:36 +08:00
parent 126e30393b
commit f5b68672eb
24 changed files with 1740 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
layouts/ListLayout.js
View File

@ -15,7 +15,7 @@ export default function ListLayout({ posts, title }) {
<>
<div className="divide-y">
<div className="pt-6 pb-8 space-y-2 md:space-y-5">
<h1 className="text-3xl leading-9 font-extrabold text-gray-900 dark:text-gray-100 tracking-tight sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
{title}
</h1>
<div className="relative max-w-lg">
@ -24,10 +24,10 @@ export default function ListLayout({ posts, title }) {
type="text"
onChange={(e) => setSearchValue(e.target.value)}
placeholder="Search articles"
className="px-4 py-2 border border-gray-300 dark:border-gray-900 focus:ring-blue-500 focus:border-blue-500 block w-full rounded-md bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100"
className="block w-full px-4 py-2 text-gray-900 bg-white border border-gray-300 rounded-md dark:border-gray-900 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:text-gray-100"
/>
<svg
className="absolute right-3 top-3 h-5 w-5 text-gray-400 dark:text-gray-300"
className="absolute w-5 h-5 text-gray-400 right-3 top-3 dark:text-gray-300"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
@ -51,13 +51,13 @@ export default function ListLayout({ posts, title }) {
<article className="space-y-2 xl:grid xl:grid-cols-4 xl:space-y-0 xl:items-baseline">
<dl>
<dt className="sr-only">Published on</dt>
<dd className="text-base leading-6 font-medium text-gray-500 dark:text-gray-400">
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
<time dateTime={date}>{postDateTemplate.render(new Date(date))}</time>
</dd>
</dl>
<div className="space-y-3 xl:col-span-3">
<div>
<h3 className="text-2xl leading-8 font-bold tracking-tight">
<h3 className="text-2xl font-bold leading-8 tracking-tight">
<Link href={`/blog/${slug}`} className="text-gray-900 dark:text-gray-100">
{title}
</Link>
@ -68,7 +68,7 @@ export default function ListLayout({ posts, title }) {
))}
</div>
</div>
<div className="prose max-w-none text-gray-500 dark:text-gray-400">
<div className="prose text-gray-500 max-w-none dark:text-gray-400">
{summary}
</div>
</div>

18
layouts/PostLayout.js
View File

@ -25,7 +25,7 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
<dl className="space-y-10">
<div>
<dt className="sr-only">Published on</dt>
<dd className="text-base leading-6 font-medium text-gray-500 dark:text-gray-400">
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
<time dateTime={date}>{postDateTemplate.render(new Date(date))}</time>
</dd>
</div>
@ -36,13 +36,13 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
</div>
</header>
<div
className="divide-y xl:divide-y-0 divide-gray-200 dark:divide-gray-700 xl:grid xl:grid-cols-4 xl:gap-x-6 pb-8"
className="pb-8 divide-y divide-gray-200 xl:divide-y-0 dark:divide-gray-700 xl:grid xl:grid-cols-4 xl:gap-x-6"
style={{ gridTemplateRows: 'auto 1fr' }}
>
<dl className="pt-6 pb-10 xl:pt-11 xl:border-b xl:border-gray-200 xl:dark:border-gray-700">
<dt className="sr-only">Authors</dt>
<dd>
<ul className="flex justify-center xl:block space-x-8 sm:space-x-12 xl:space-x-0 xl:space-y-8">
<ul className="flex justify-center space-x-8 xl:block sm:space-x-12 xl:space-x-0 xl:space-y-8">
<li className="flex items-center space-x-2">
<img src={siteMetdata.image} alt="avatar" className="w-10 h-10 rounded-full" />
<dl className="text-sm font-medium leading-5 whitespace-nowrap">
@ -63,8 +63,8 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
</dd>
</dl>
<div className="divide-y divide-gray-200 dark:divide-gray-700 xl:pb-0 xl:col-span-3 xl:row-span-2">
<div className="prose dark:prose-dark max-w-none pt-10 pb-8">{children}</div>
<div className="text-sm pt-6 pb-6 text-gray-700 dark:text-gray-300">
<div className="pt-10 pb-8 prose dark:prose-dark max-w-none">{children}</div>
<div className="pt-6 pb-6 text-sm text-gray-700 dark:text-gray-300">
<Link href={discussUrl(slug)} rel="nofollow">
{'Discuss on Twitter'}
</Link>
@ -72,10 +72,10 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
<Link href={editUrl(fileName)}>{'View on GitHub'}</Link>
</div>
</div>
<footer className="text-sm font-medium leading-5 xl:divide-y divide-gray-200 dark:divide-gray-700 xl:col-start-1 xl:row-start-2">
<footer className="text-sm font-medium leading-5 divide-gray-200 xl:divide-y dark:divide-gray-700 xl:col-start-1 xl:row-start-2">
{tags && (
<div className="py-4 xl:py-8">
<h2 className="text-xs tracking-wide uppercase text-gray-500 dark:text-gray-400">
<h2 className="text-xs tracking-wide text-gray-500 uppercase dark:text-gray-400">
Tags
</h2>
<div className="space-x-3 xl:flex xl:flex-col xl:space-x-0">
@ -89,7 +89,7 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
<div className="flex justify-between py-4 xl:block xl:space-y-8 xl:py-8">
{prev && (
<div>
<h2 className="text-xs tracking-wide uppercase text-gray-500 dark:text-gray-400">
<h2 className="text-xs tracking-wide text-gray-500 uppercase dark:text-gray-400">
Previous Article
</h2>
<div className="text-blue-500 hover:text-blue-600 dark:hover:text-blue-400">
@ -99,7 +99,7 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
)}
{next && (
<div>
<h2 className="text-xs tracking-wide uppercase text-gray-500 dark:text-gray-400">
<h2 className="text-xs tracking-wide text-gray-500 uppercase dark:text-gray-400">
Next Article
</h2>
<div className="text-blue-500 hover:text-blue-600 dark:hover:text-blue-400">