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

Merge pull request #740 from BenjaminLesne/fix/prettier-plugin-tailwindcss-not-used

Browse Source 
fix prettier-plugin-tailwindcss not being used
This commit is contained in:
Timothy 2023-10-19 10:05:06 +08:00 committed by GitHub
commit bfa921dcc3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Header.tsx
View File

@ -25,14 +25,14 @@ const Header = () => {
</div>
</Link>
</div>
<div className="flex items-center leading-5 space-x-4 sm:space-x-6">
<div className="flex items-center space-x-4 leading-5 sm:space-x-6">
{headerNavLinks
.filter((link) => link.href !== '/')
.map((link) => (
<Link
key={link.title}
href={link.href}
className="hidden sm:block font-medium text-gray-900 dark:text-gray-100"
className="hidden font-medium text-gray-900 dark:text-gray-100 sm:block"
>
{link.title}
</Link>

4
components/MobileNav.tsx
View File

@ -26,7 +26,7 @@ const MobileNav = () => {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
className="text-gray-900 dark:text-gray-100 h-8 w-8"
className="h-8 w-8 text-gray-900 dark:text-gray-100"
>
<path
fillRule="evenodd"
@ -36,7 +36,7 @@ const MobileNav = () => {
</svg>
</button>
<div
className={`fixed left-0 top-0 z-10 h-full w-full transform opacity-95 dark:opacity-[0.98] bg-white duration-300 ease-in-out dark:bg-gray-950 ${
className={`fixed left-0 top-0 z-10 h-full w-full transform bg-white opacity-95 duration-300 ease-in-out dark:bg-gray-950 dark:opacity-[0.98] ${
navShow ? 'translate-x-0' : 'translate-x-full'
}`}
>

2
components/SearchButton.tsx
View File

@ -18,7 +18,7 @@ const SearchButton = () => {
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
className="text-gray-900 dark:text-gray-100 h-6 w-6"
className="h-6 w-6 text-gray-900 dark:text-gray-100"
>
<path
strokeLinecap="round"

2
components/ThemeSwitch.tsx
View File

@ -23,7 +23,7 @@ const ThemeSwitch = () => {
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
className="text-gray-900 dark:text-gray-100 h-6 w-6"
className="h-6 w-6 text-gray-900 dark:text-gray-100"
>
{mounted && (theme === 'dark' || resolvedTheme === 'dark') ? (
<path

16
layouts/ListLayoutWithTags.tsx
View File

@ -79,19 +79,19 @@ export default function ListLayoutWithTags({
<>
<div>
<div className="pb-6 pt-6">
<h1 className="sm:hidden 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">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:hidden sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
{title}
</h1>
</div>
<div className="flex sm:space-x-24">
<div className="hidden max-h-screen h-full sm:flex flex-wrap bg-gray-50 dark:bg-gray-900/70 shadow-md pt-5 dark:shadow-gray-800/40 rounded min-w-[280px] max-w-[280px] overflow-auto">
<div className="py-4 px-6">
<div className="hidden h-full max-h-screen min-w-[280px] max-w-[280px] flex-wrap overflow-auto rounded bg-gray-50 pt-5 shadow-md dark:bg-gray-900/70 dark:shadow-gray-800/40 sm:flex">
<div className="px-6 py-4">
{pathname.startsWith('/blog') ? (
<h3 className="text-primary-500 font-bold uppercase">All Posts</h3>
<h3 className="font-bold uppercase text-primary-500">All Posts</h3>
) : (
<Link
href={`/blog`}
className="font-bold uppercase text-gray-700 dark:text-gray-300 hover:text-primary-500 dark:hover:text-primary-500"
className="font-bold uppercase text-gray-700 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-500"
>
All Posts
</Link>
@ -101,13 +101,13 @@ export default function ListLayoutWithTags({
return (
<li key={t} className="my-3">
{pathname.split('/tags/')[1] === slug(t) ? (
<h3 className="inline py-2 px-3 uppercase text-sm font-bold text-primary-500">
<h3 className="inline px-3 py-2 text-sm font-bold uppercase text-primary-500">
{`${t} (${tagCounts[t]})`}
</h3>
) : (
<Link
href={`/tags/${slug(t)}`}
className="py-2 px-3 uppercase text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-primary-500"
className="px-3 py-2 text-sm font-medium uppercase text-gray-500 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-500"
aria-label={`View posts tagged ${t}`}
>
{`${t} (${tagCounts[t]})`}
@ -125,7 +125,7 @@ export default function ListLayoutWithTags({
const { path, date, title, summary, tags } = post
return (
<li key={path} className="py-5">
<article className="space-y-2 flex flex-col xl:space-y-0">
<article className="flex flex-col space-y-2 xl:space-y-0">
<dl>
<dt className="sr-only">Published on</dt>
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">

4
layouts/PostBanner.tsx
View File

@ -30,12 +30,12 @@ export default function PostMinimal({ content, next, prev, children }: LayoutPro
<div className="space-y-1 pb-10 text-center dark:border-gray-700">
<div className="w-full">
<Bleed>
<div className="aspect-[2/1] w-full relative">
<div className="relative aspect-[2/1] w-full">
<Image src={displayImage} alt={title} fill className="object-cover" />
</div>
</Bleed>
</div>
<div className="pt-10 relative">
<div className="relative pt-10">
<PageTitle>{title}</PageTitle>
</div>
</div>

1
prettier.config.js
View File

@ -6,4 +6,5 @@ module.exports = {
useTabs: false,
trailingComma: 'es5',
bracketSpacing: true,
plugins: ['prettier-plugin-tailwindcss'],
}