From 7ca250350888a9c205e00bb54e409c9e83c92872 Mon Sep 17 00:00:00 2001
From: "andrew.ng" <andrew.ng@apactech.io>
Date: Thu, 4 Jun 2026 14:19:27 +0700
Subject: [PATCH] Update

---
 FRONTEND/src/components/Component.module.css    | 4 ++++
 FRONTEND/src/components/Modal/ModalTerminal.tsx | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/FRONTEND/src/components/Component.module.css b/FRONTEND/src/components/Component.module.css
index a1e613d..2c9796b 100644
--- a/FRONTEND/src/components/Component.module.css
+++ b/FRONTEND/src/components/Component.module.css
@@ -180,3 +180,7 @@
   border-radius: 8px;
   width: 300px;
 }
+
+.blink {
+  animation: fade 1.2s ease-in-out infinite;
+}
diff --git a/FRONTEND/src/components/Modal/ModalTerminal.tsx b/FRONTEND/src/components/Modal/ModalTerminal.tsx
index c3fc24e..c0a3da9 100644
--- a/FRONTEND/src/components/Modal/ModalTerminal.tsx
+++ b/FRONTEND/src/components/Modal/ModalTerminal.tsx
@@ -1332,7 +1332,7 @@ const ModalTerminal = ({
                     <Flex justify={"space-between"} align={"center"} mb={"sm"}>
                       <Text fw={600} fz={"14px"}>
                         List ports{" "}
-                        <Text component="span" c="var(--green-7)" fw={600}>
+                        <Text component="span" c="#2f9e44" fw={600}>
                           {isPhysicalTest
                             ? `(${line?.listPortsPhysical?.length || 0}/${
                                 line?.ports?.length || 0
@@ -1345,7 +1345,7 @@ const ModalTerminal = ({
                           size="sm"
                           color="blue"
                           leftSection={
-                            <Box component="span" className="blink" />
+                            <Box component="span" className={classes.blink} />
                           }
                         >
                           Running