fix: prettier violations

This commit is contained in:
Cory Dransfeldt 2023-06-17 11:50:15 -07:00
parent 67c2f4dde5
commit f19101d717
No known key found for this signature in database
10 changed files with 11 additions and 11 deletions

View file

@ -54,9 +54,9 @@ const NewsletterForm = ({ title = 'Subscribe to the newsletter' }) => {
disabled={subscribed}
/>
</div>
<div className="mt-2 flex w-full rounded-md shadow-sm sm:mt-0 sm:ml-3">
<div className="mt-2 flex w-full rounded-md shadow-sm sm:ml-3 sm:mt-0">
<button
className={`w-full rounded-md bg-primary-500 py-2 px-4 font-medium text-white sm:py-0 ${
className={`w-full rounded-md bg-primary-500 px-4 py-2 font-medium text-white sm:py-0 ${
subscribed ? 'cursor-default' : 'hover:bg-primary-700 dark:hover:bg-primary-400'
} focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-2 dark:ring-offset-black`}
type="submit"

View file

@ -22,7 +22,7 @@ const ScrollTopAndComment = () => {
}
return (
<div
className={`fixed right-8 bottom-8 hidden flex-col gap-3 ${show ? 'md:flex' : 'md:hidden'}`}
className={`fixed bottom-8 right-8 hidden flex-col gap-3 ${show ? 'md:flex' : 'md:hidden'}`}
>
{siteMetadata.comment.provider && (
<button

View file

@ -55,7 +55,7 @@ const TOCInline = ({
<>
{asDisclosure ? (
<details open>
<summary className="ml-6 pt-2 pb-2 text-xl font-bold">Table of Contents</summary>
<summary className="ml-6 pb-2 pt-2 text-xl font-bold">Table of Contents</summary>
<div className="ml-6">{tocList}</div>
</details>
) : (

View file

@ -9,7 +9,7 @@ const YoutubeVideo = (props) => {
<iframe
title={title}
src={`https://www.youtube.com/embed/${data}`}
className="absolute top-0 left-0 h-full w-full"
className="absolute left-0 top-0 h-full w-full"
/>
</div>
)

View file

@ -36,7 +36,7 @@ const Disqus = ({ frontMatter }: Props) => {
}
return (
<div className="pt-6 pb-6 text-center text-gray-700 dark:text-gray-300">
<div className="pb-6 pt-6 text-center text-gray-700 dark:text-gray-300">
{enableLoadComments && <button onClick={LoadComments}>Load Comments</button>}
<div className="disqus-frame" id={COMMENTS_ID} />
</div>

View file

@ -51,7 +51,7 @@ const Giscus = ({ mapping }: Props) => {
}, [LoadComments])
return (
<div className="pt-6 pb-6 text-center text-gray-700 dark:text-gray-300">
<div className="pb-6 pt-6 text-center text-gray-700 dark:text-gray-300">
{enableLoadComments && <button onClick={LoadComments}>Load Comments</button>}
<div className="giscus" id={COMMENTS_ID} />
</div>

View file

@ -46,7 +46,7 @@ const Utterances = ({ issueTerm }: Props) => {
// Added `relative` to fix a weird bug with `utterances-frame` position
return (
<div className="pt-6 pb-6 text-center text-gray-700 dark:text-gray-300">
<div className="pb-6 pt-6 text-center text-gray-700 dark:text-gray-300">
{enableLoadComments && <button onClick={LoadComments}>Load Comments</button>}
<div className="utterances-frame relative" id={COMMENTS_ID} />
</div>