💄improve css in e2e component

MiaadTeam · Nov 1, 2023 · d59f349 · d59f349
1 parent 0db063f
commit d59f349
Show file tree

Hide file tree

Showing 3 changed files with 49 additions and 47 deletions.
diff --git a/src/server/playground/comp/E2E.tsx b/src/server/playground/comp/E2E.tsx
@@ -451,22 +451,21 @@ export function E2E({ baseUrl }: { baseUrl: string; bodyHeaders?: string }) {
               </div>
               <div className="information-container--request--sections">
                 <p className="information-container--request--sections--item">
-                  All Success Request:{" "}
+                  All <span className="e2e-success">Success</span> Request:{" "}
                   <span className="information-container--request--sections--item--content">
                     {requestDetail.success}{" "}
                   </span>{" "}
                   times
                 </p>
                 <p className="information-container--request--sections--item">
-                  All Fails Request :{" "}
+                  All <span className="e2e-fail">Fails</span> Request :{" "}
                   <span className="information-container--request--sections--item--content">
                     {requestDetail.fails}{" "}
                   </span>
                   times
                 </p>
               </div>
             </div>
-
             <div className="information-container--times">
               <span className="information-container-label">Times</span>{" "}
               <ul className="information-container--times--sections">
@@ -541,47 +540,50 @@ export function E2E({ baseUrl }: { baseUrl: string; bodyHeaders?: string }) {
                 </li>
               </ul>
             </div>
-
-            <div className="information-container--captures">
-              <span className="information-container-label">
-                Captures Information
-              </span>{" "}
-              {requestDetail.allCaptureItems.map((ci) => (
-                <ul className="information-container--captures--sections">
-                  <span className="information-container-label">{ci.key}</span>
-                  <li>
-                    Captured From:{" "}
-                    <span className="information-container--request--sections--item--content">
-                      {ci.captured}
-                    </span>
-                  </li>
-                  <li>
-                    Value Of{" "}
-                    <span className="information-container--request--sections--item--content">
-                      : {ci.value}
-                    </span>
-                  </li>
-                  <li>
-                    Model :{" "}
-                    <span className="information-container--request--sections--item--content">
-                      {ci.model}
+            {requestDetail.allCaptureItems.length > 0 && (
+              <div className="information-container--captures">
+                <span className="information-container-label">
+                  Captures Information
+                </span>{" "}
+                {requestDetail.allCaptureItems.map((ci) => (
+                  <ul className="information-container--captures--sections">
+                    <span className="information-container-label">
+                      {ci.key}
                     </span>
-                  </li>
-                  <li>
-                    Act :{" "}
-                    <span className="information-container--request--sections--item--content">
-                      {ci.act}
-                    </span>
-                  </li>
-                  <li>
-                    Captured Inside Sequnce Index:{" "}
-                    <span className="information-container--request--sections--item--content">
-                      {ci.sequenceIdx}
-                    </span>
-                  </li>
-                </ul>
-              ))}
-            </div>
+                    <li>
+                      Captured From:{" "}
+                      <span className="information-container--request--sections--item--content">
+                        {ci.captured}
+                      </span>
+                    </li>
+                    <li>
+                      Value Of{" "}
+                      <span className="information-container--request--sections--item--content">
+                        : {ci.value}
+                      </span>
+                    </li>
+                    <li>
+                      Model :{" "}
+                      <span className="information-container--request--sections--item--content">
+                        {ci.model}
+                      </span>
+                    </li>
+                    <li>
+                      Act :{" "}
+                      <span className="information-container--request--sections--item--content">
+                        {ci.act}
+                      </span>
+                    </li>
+                    <li>
+                      Captured Inside Sequnce Index:{" "}
+                      <span className="information-container--request--sections--item--content">
+                        {ci.sequenceIdx}
+                      </span>
+                    </li>
+                  </ul>
+                ))}
+              </div>
+            )}
           </div>
 
           <div className="e2e-sequesnce-wrapper">

diff --git a/src/server/playground/comp/SequenceSlider.tsx b/src/server/playground/comp/SequenceSlider.tsx
@@ -34,10 +34,10 @@ export function SequenceSlider({ sequence }: { sequence: TSequenceDetail }) {
                 <span>
                   All Request Count: <span>{sequence.repeat}</span>{" "}
                 </span>
-                <span>
+                <span className="e2e-success">
                   Success:<span> {sequence.success}</span>
                 </span>
-                <span>
+                <span className="e2e-fail">
                   Fails: <span>{sequence.fails}</span>
                 </span>
                 <span>

diff --git a/src/server/playground/css/index.css b/src/server/playground/css/index.css
@@ -1287,11 +1287,11 @@ textarea {
 }
 
 .e2e-success {
-  color: #008f00;
+  color: #00b800;
 }
 
 .e2e-fail {
-  color: #b80000;
+  color: #c00;
 }
 
 .detail-sequence--sections {