fix: termwind styles

pestphp · Nov 6, 2023 · e365e4e · e365e4e
1 parent c98b7f6
commit e365e4e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 17 deletions.
diff --git a/src/Printers/Detail.php b/src/Printers/Detail.php
@@ -20,9 +20,9 @@
     public function print(Result $result): void
     {
         render(<<<'HTML'
-            <div class="flex mx-2 max-w-150">
-                <span class="text-gray">Result</span>
-                <span class="flex-1 ml-1 content-repeat-[―] text-gray"></span>
+            <div class="flex mx-2 max-w-150 text-gray">
+                <span>Result</span>
+                <span class="flex-1 ml-1 content-repeat-[―]"></span>
             </div>
         HTML);
 
@@ -114,9 +114,7 @@ public function print(Result $result): void
         HTML);
 
         render(<<<'HTML'
-            <div class="mx-2 max-w-150 text-right flex text-gray">
-                <span></span>
-                <span class="flex-1"></span>
+            <div class="mx-2 max-w-150 text-right text-gray">
                 <span>
                     <span class="text-red">■</span>
                     <span class="mx-1">Critical</span>
@@ -127,7 +125,7 @@ public function print(Result $result): void
                     <span class="text-green ml-1">■</span>
                     <span class="ml-1">Excellent</span>
                 </span>
-            </div>);
+            </div>
         HTML);
     }
 
@@ -181,7 +179,7 @@ private function twoColumnDetail(string $left, string $right): void
                     $right
                 </span>
             </div>
-            HTML);
+        HTML);
     }
 
     /**

diff --git a/src/Printers/Progress.php b/src/Printers/Progress.php
@@ -46,10 +46,10 @@ public function tail(): void
         }
 
         render(<<<HTML
-            <div class="flex mx-2 max-w-150">
-                <span class="text-gray">Stress testing <span class="text-cyan font-bold">$domain</span></span>
-                <span class="flex-1 ml-1 content-repeat-[―] text-gray"></span>
-                <span class="text-gray ml-1">$options</span>
+            <div class="flex mx-2 max-w-150 space-x-1 text-gray">
+                <span>Stress testing <span class="text-cyan font-bold">$domain</span></span>
+                <span class="flex-1 content-repeat-[―]"></span>
+                <span>$options</span>
             </div>
         HTML);
 
@@ -133,13 +133,12 @@ private function printCurrentPoints(array $points): void
             $average = sprintf('%4.2f', $average);
 
             render(<<<HTML
-                <div class="flex mx-2 max-w-150">
-                    <span class="text-gray">
+                <div class="flex justify-between mx-2 max-w-150 text-gray">
+                    <span>
                         <span>{$time}</span>
-                        <span class="ml-1 text-gray">$greenDots</span>
+                        <span class="ml-1">{$greenDots}</span>
                     </span>
-                    <span class="flex-1"></span>
-                    <span class="text-gray ml-1">{$average}ms</span>
+                    <span class="ml-1">{$average}ms</span>
                 </div>
             HTML);
         }