From e41986ed4b0a00718ea241e4577796695e72d0c7 Mon Sep 17 00:00:00 2001
From: David Crespo <david.crespo@oxidecomputer.com>
Date: Fri, 18 Oct 2024 11:19:27 -0500
Subject: [PATCH] run prettier

---
 app/components/AsciidocBlocks/Image.tsx    |  2 +-
 app/components/Modal.tsx                   |  2 +-
 app/components/TableOfContents.tsx         |  4 ++--
 app/components/home/FilterDropdown.tsx     |  4 ++--
 app/components/rfd/RfdDiscussionDialog.tsx | 10 +++++-----
 app/components/rfd/RfdInlineComments.tsx   |  2 +-
 app/styles/lib/github-markdown.css         |  2 +-
 7 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/components/AsciidocBlocks/Image.tsx b/app/components/AsciidocBlocks/Image.tsx
index 85fa341..c0c2a59 100644
--- a/app/components/AsciidocBlocks/Image.tsx
+++ b/app/components/AsciidocBlocks/Image.tsx
@@ -88,7 +88,7 @@ const Image = ({
             className="fixed [&_img]:mx-auto"
             backdrop={<div className="backdrop" />}
           >
-            <Ariakit.DialogDismiss className="fixed top-1/2 left-1/2 flex h-full w-full -translate-x-1/2 -translate-y-1/2 cursor-zoom-out p-20">
+            <Ariakit.DialogDismiss className="fixed left-1/2 top-1/2 flex h-full w-full -translate-x-1/2 -translate-y-1/2 cursor-zoom-out p-20">
               <img
                 src={url}
                 className={`max-h-full max-w-full rounded object-contain`}
diff --git a/app/components/Modal.tsx b/app/components/Modal.tsx
index 236e51f..d5ecdbb 100644
--- a/app/components/Modal.tsx
+++ b/app/components/Modal.tsx
@@ -23,7 +23,7 @@ const Modal = ({
     <>
       <Dialog
         store={dialogStore}
-        className="overlay-shadow fixed top-1/2 left-1/2 z-30 w-[calc(100%-2.5rem)] max-w-[32rem] -translate-x-1/2 -translate-y-1/2 rounded-lg border p-0 bg-raise border-secondary"
+        className="overlay-shadow fixed left-1/2 top-1/2 z-30 w-[calc(100%-2.5rem)] max-w-[32rem] -translate-x-1/2 -translate-y-1/2 rounded-lg border p-0 bg-raise border-secondary"
         backdrop={<div className="backdrop" />}
       >
         <div className="flex w-full items-center border-b p-4 bg-secondary border-secondary">
diff --git a/app/components/TableOfContents.tsx b/app/components/TableOfContents.tsx
index a2b6524..223ebaa 100644
--- a/app/components/TableOfContents.tsx
+++ b/app/components/TableOfContents.tsx
@@ -229,12 +229,12 @@ export const SmallScreenOutline = ({
     return (
       <Accordion.Root
         type="single"
-        className="fixed bottom-0 left-0 right-0 z-10 mt-4 block max-h-[calc(100vh-var(--header-height)-2rem)] w-full overflow-y-auto border-t border-b bg-default border-secondary 1100:hidden print:hidden"
+        className="fixed bottom-0 left-0 right-0 z-10 mt-4 block max-h-[calc(100vh-var(--header-height)-2rem)] w-full overflow-y-auto border-b border-t bg-default border-secondary 1100:hidden print:hidden"
         collapsible
       >
         <Accordion.Item value={`small-toc-${title}`}>
           <Accordion.Header>
-            <Accordion.Trigger className="flex w-full items-center justify-between py-4 px-4 text-sans-md text-secondary 400:px-6 600:px-8 600:hover:bg-hover [&>svg]:data-[state=open]:rotate-90">
+            <Accordion.Trigger className="flex w-full items-center justify-between px-4 py-4 text-sans-md text-secondary 400:px-6 600:px-8 600:hover:bg-hover [&>svg]:data-[state=open]:rotate-90">
               Table of Contents{' '}
               <Icon
                 name="carat-right"
diff --git a/app/components/home/FilterDropdown.tsx b/app/components/home/FilterDropdown.tsx
index 6c2d181..804eb09 100644
--- a/app/components/home/FilterDropdown.tsx
+++ b/app/components/home/FilterDropdown.tsx
@@ -119,7 +119,7 @@ const FilterDropdown = () => {
 
       {(authorNameParam || authorEmailParam) && (
         <>
-          <div className="mr-1 ml-3 block text-quaternary">Author:</div>
+          <div className="ml-3 mr-1 block text-quaternary">Author:</div>
           <FilterBadge onClick={clearAuthor} color="purple">
             {authorNameParam || authorEmailParam}
           </FilterBadge>
@@ -128,7 +128,7 @@ const FilterDropdown = () => {
 
       {labelParam && (
         <>
-          <div className="mr-1 ml-3 block text-quaternary">Label:</div>
+          <div className="ml-3 mr-1 block text-quaternary">Label:</div>
           <FilterBadge onClick={clearLabel} color="blue">
             {labelParam}
           </FilterBadge>
diff --git a/app/components/rfd/RfdDiscussionDialog.tsx b/app/components/rfd/RfdDiscussionDialog.tsx
index c0664d3..cf0b9f1 100644
--- a/app/components/rfd/RfdDiscussionDialog.tsx
+++ b/app/components/rfd/RfdDiscussionDialog.tsx
@@ -221,7 +221,7 @@ const DialogContent = ({
   return (
     <Dialog
       store={dialogStore}
-      className="dialog overlay-shadow fixed top-0 bottom-0 right-0 z-20 flex w-[670px] flex-col border-l bg-raise border-secondary print:hidden"
+      className="dialog overlay-shadow fixed bottom-0 right-0 top-0 z-20 flex w-[670px] flex-col border-l bg-raise border-secondary print:hidden"
       backdropProps={{ className: 'backdrop' }}
     >
       <DialogHeading className="mb-4 p-8">
@@ -339,7 +339,7 @@ const DiscussionReview = ({
     <section className={cn('relative', !isLast && 'pb-8')}>
       {/* Timeline line */}
       {!isLast && (
-        <div className="absolute left-4 top-0 bottom-0 w-[1px] border-l border-l-secondary" />
+        <div className="absolute bottom-0 left-4 top-0 w-[1px] border-l border-l-secondary" />
       )}
 
       {/* Review header */}
@@ -398,7 +398,7 @@ const DiscussionReview = ({
         return (
           <div key={thread[0].id} className="relative">
             {thread[0].line && (
-              <div className="absolute left-1 top-3 bottom-3 right-1">
+              <div className="absolute bottom-3 left-1 right-1 top-3">
                 <DialogDismiss
                   onClick={() => gotoBlock(thread[0].line!)}
                   className="group sticky top-0"
@@ -409,7 +409,7 @@ const DiscussionReview = ({
                 </DialogDismiss>
               </div>
             )}
-            <div className="relative mt-4 ml-10 flex justify-end">
+            <div className="relative ml-10 mt-4 flex justify-end">
               <CommentThreadBlock
                 path={thread[0].path}
                 line={thread[0].line || thread[0].original_line}
@@ -444,7 +444,7 @@ const DiscussionIssueComment = ({
     <section className={cn('relative', !isLast && 'pb-8')}>
       {/* Timeline line */}
       {!isLast && (
-        <div className="absolute left-4 top-0 bottom-0 w-[1px] border-l border-l-secondary" />
+        <div className="absolute bottom-0 left-4 top-0 w-[1px] border-l border-l-secondary" />
       )}
 
       {/* Review header */}
diff --git a/app/components/rfd/RfdInlineComments.tsx b/app/components/rfd/RfdInlineComments.tsx
index 18a43e3..1e954bd 100644
--- a/app/components/rfd/RfdInlineComments.tsx
+++ b/app/components/rfd/RfdInlineComments.tsx
@@ -387,7 +387,7 @@ export const CommentThreadBlock = ({
       {/* )} */}
 
       {/* Code */}
-      <div className={cn('border-t border-b border-secondary', isOverlay && 'border-t')}>
+      <div className={cn('border-b border-t border-secondary', isOverlay && 'border-t')}>
         {lines.map((line, index) => {
           let change: Change = null
 
diff --git a/app/styles/lib/github-markdown.css b/app/styles/lib/github-markdown.css
index e706ca5..29efb51 100644
--- a/app/styles/lib/github-markdown.css
+++ b/app/styles/lib/github-markdown.css
@@ -21,7 +21,7 @@
   }
 
   & blockquote {
-    @apply mt-4 mb-4 border-l pl-4 border-default;
+    @apply mb-4 mt-4 border-l pl-4 border-default;
 
     & p {
       @apply text-tertiary;