Use prettier-plugin-tailwindcss (#11373)

* use prettier-plugin-tailwindcss to keep class names organized

* use prettierrc file to ensure formatting on save works with vscode

* classname reorder with prettier-plugin-tailwindcss
This commit is contained in:
Josh Hawkins
2024-05-14 10:06:44 -05:00
committed by GitHub
parent b10ae68c1f
commit 1757f4cb04
80 changed files with 682 additions and 597 deletions

View File

@@ -41,7 +41,7 @@ export default function CameraFeatureToggle({
onClick={onClick}
className={cn(
className,
"flex flex-col justify-center items-center",
"flex flex-col items-center justify-center",
variants[variant][isActive ? "active" : "inactive"],
)}
>

View File

@@ -27,13 +27,13 @@ export default function NewReviewData({
return (
<div className={className}>
<div className="flex justify-center items-center mr-[65px] md:mr-[115px] pointer-events-auto">
<div className="pointer-events-auto mr-[65px] flex items-center justify-center md:mr-[115px]">
<Button
className={`${
hasUpdate
? "animate-in slide-in-from-top duration-500"
? "duration-500 animate-in slide-in-from-top"
: "invisible"
} text-center mt-5 mx-auto bg-gray-400 text-white`}
} mx-auto mt-5 bg-gray-400 text-center text-white`}
onClick={() => {
pullLatestData();
if (contentRef.current) {
@@ -44,7 +44,7 @@ export default function NewReviewData({
}
}}
>
<LuRefreshCcw className="w-4 h-4 mr-2" />
<LuRefreshCcw className="mr-2 h-4 w-4" />
New Items To Review
</Button>
</div>