format

t3-oss · Jul 7, 2024 · e361d7d · e361d7d
1 parent 6239b8b
commit e361d7d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/www/src/components/docs/introductionTab.tsx b/www/src/components/docs/introductionTab.tsx
@@ -4,15 +4,15 @@ export function IntroductionTab() {
   const [isAppRouterSelected, setIsAppRouterSelected] = useState(true);
   return (
     <>
-      <div className="flex w-full justify-center gap-10  py-5">
+      <div className="flex w-full justify-center gap-10 py-5">
         <button
-          className={`${isAppRouterSelected ? "bg-primary text-white" : "bg-transparent"}  inline-flex cursor-pointer items-center rounded-lg px-4 py-2 text-sm font-semibold transition-colors duration-500 hover:no-underline md:px-5  md:text-base lg:px-4 lg:py-3 `}
+          className={`${isAppRouterSelected ? "bg-primary text-white" : "bg-transparent"} inline-flex cursor-pointer items-center rounded-lg px-4 py-2 text-sm font-semibold transition-colors duration-500 hover:no-underline md:px-5 md:text-base lg:px-4 lg:py-3`}
           onClick={() => setIsAppRouterSelected(true)}
         >
           App Router
         </button>
         <button
-          className={`${!isAppRouterSelected ? "bg-primary text-white" : "bg-transparent"} inline-flex cursor-pointer items-center rounded-lg px-4 py-2 text-sm font-semibold  transition-colors duration-500 hover:no-underline  md:px-5 md:text-base lg:px-4 lg:py-3  `}
+          className={`${!isAppRouterSelected ? "bg-primary text-white" : "bg-transparent"} inline-flex cursor-pointer items-center rounded-lg px-4 py-2 text-sm font-semibold transition-colors duration-500 hover:no-underline md:px-5 md:text-base lg:px-4 lg:py-3`}
           onClick={() => setIsAppRouterSelected(false)}
         >
           {" "}

diff --git a/www/src/components/landingPage/cli.tsx b/www/src/components/landingPage/cli.tsx
@@ -7,10 +7,7 @@ export default function CodeCard() {
       className="mx-auto w-full overflow-hidden rounded-lg sm:w-[600px]"
       aria-hidden="true"
     >
-      <div
-        className="inverse-toggle h-[300px] overflow-hidden rounded-lg border border-t3-purple-200/20 bg-white/10 px-1 pb-6 pt-4 
-         font-mono text-[10px] leading-normal text-t3-purple-50 subpixel-antialiased shadow-lg transition-all sm:h-[400px] sm:px-2 sm:text-xs md:px-5"
-      >
+      <div className="inverse-toggle h-[300px] overflow-hidden rounded-lg border border-t3-purple-200/20 bg-white/10 px-1 pb-6 pt-4 font-mono text-[10px] leading-normal text-t3-purple-50 subpixel-antialiased shadow-lg transition-all sm:h-[400px] sm:px-2 sm:text-xs md:px-5">
         <div className="top mb-2 flex">
           <div className="h-3 w-3 rounded-full bg-red-500"></div>
           <div className="ml-2 h-3 w-3 rounded-full bg-orange-300"></div>

diff --git a/www/src/components/navigation/LanguageSelect.tsx b/www/src/components/navigation/LanguageSelect.tsx
@@ -56,8 +56,7 @@ export default function LanguageSelect({ language }: LanguageSelectProps) {
                   className={({ selected, active }) =>
                     `focus-none relative cursor-pointer bg-t3-purple-200/50 px-4 py-2 text-slate-900 outline-none hover:bg-t3-purple-300/75 dark:bg-t3-purple-200/10 dark:text-t3-purple-100 dark:hover:bg-t3-purple-200/20 ${
                       selected && "bg-t3-purple-400/75 dark:bg-t3-purple-400/20"
-                    }
-                    ${active && "bg-t3-purple-300/75 dark:bg-t3-purple-200/20"}`
+                    } ${active && "bg-t3-purple-300/75 dark:bg-t3-purple-200/20"}`
                   }
                   value={code}
                 >