formatting

sorry, finally prettier tailwind plugin working
cnpem · Oct 11, 2024 · d2f13fb · d2f13fb
1 parent 55e4a9c
commit d2f13fb
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/apps/spu-ui/src/app/_components/navbar.tsx b/apps/spu-ui/src/app/_components/navbar.tsx
@@ -23,7 +23,7 @@ export default function Navbar(props: NavbarProps) {
         <Link
           className={cn(
             "text-lg hover:text-rose-800",
-            pathname === href && "text-primary font-semibold",
+            pathname === href && "font-semibold text-primary",
           )}
           href={href}
           key={href}

diff --git a/apps/spu-ui/src/app/_components/queue.tsx b/apps/spu-ui/src/app/_components/queue.tsx
@@ -50,7 +50,7 @@ function QueueItem({
     <li
       className={cn(
         "flex select-none items-center justify-between space-x-2 rounded-md bg-gray-50 p-3 shadow-sm",
-        isDragging && "border-primary bg-primary/10 border-2",
+        isDragging && "border-2 border-primary bg-primary/10",
       )}
       ref={setNodeRef}
       style={style}
@@ -71,7 +71,7 @@ function QueueItem({
         {job.status === "running" && (
           <div className="h-2.5 w-24 rounded-full bg-gray-200 dark:bg-gray-700">
             <div
-              className="bg-primary h-2.5 rounded-full"
+              className="h-2.5 rounded-full bg-primary"
               style={{ width: `${job.progress}%` }}
             />
           </div>
@@ -125,7 +125,7 @@ export function Queue(props: {
     <Dropzone id="queue-dropzone">
       <ScrollArea className="h-[calc(100vh-240px)] flex-grow">
         {queue.length === 0 ? (
-          <p className="text-muted-foreground text-center">
+          <p className="text-center text-muted-foreground">
             Queue is empty. Drag samples here to add them to the queue.
           </p>
         ) : (

diff --git a/apps/spu-ui/src/app/_components/sample.tsx b/apps/spu-ui/src/app/_components/sample.tsx
@@ -47,7 +47,7 @@ export function SampleItem({
     >
       <div
         className={cn(
-          "hover:ring-primary relative flex h-12 w-12 cursor-grab items-center justify-center rounded-full font-bold text-white hover:scale-110 hover:ring",
+          "relative flex h-12 w-12 cursor-grab items-center justify-center rounded-full font-bold text-white hover:scale-110 hover:ring hover:ring-primary",
           getSampleColor(sample.type),
           isDragging && "cursor-grabbing rounded-sm opacity-90",
           (sample.type === null || sample.isUsed) &&

diff --git a/apps/spu-ui/src/app/_components/tray.tsx b/apps/spu-ui/src/app/_components/tray.tsx
@@ -56,7 +56,7 @@ export function Tray(props: TrayProps) {
         <div className="" /> {/* Empty cell for top-left corner */}
         {props.columns.map((col) => (
           <div
-            className="text-primary flex items-center justify-center font-bold"
+            className="flex items-center justify-center font-bold text-primary"
             key={col}
           >
             {col}

diff --git a/apps/spu-ui/src/app/_components/user-avatar.tsx b/apps/spu-ui/src/app/_components/user-avatar.tsx
@@ -26,7 +26,7 @@ export default async function UserAvatar() {
         }}
       >
         <Button size="icon" type="submit" variant="ghost">
-          <LogOutIcon className="text-primary h-4 w-4" />
+          <LogOutIcon className="h-4 w-4 text-primary" />
         </Button>
       </form>
     </div>

diff --git a/apps/spu-ui/src/app/page.tsx b/apps/spu-ui/src/app/page.tsx
@@ -6,7 +6,7 @@ export default async function Page() {
   const session = await auth();
   return (
     <main className="flex flex-col items-center gap-4 p-24">
-      <h1 className="text-primary text-4xl font-bold">Sophys Sapucaia UI</h1>
+      <h1 className="text-4xl font-bold text-primary">Sophys Sapucaia UI</h1>
       <p className="text-lg">
         This is the UI for experiments conducted at the Sapucaia beamline.
       </p>