fix: missing color for physical device dot

nethesis · Jan 10, 2025 · 529c3f3 · 529c3f3
1 parent b6a169d
commit 529c3f3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/CallView/index.tsx b/src/components/CallView/index.tsx
@@ -83,12 +83,12 @@ const CallView: FC<CallViewProps> = () => {
             className={`${
               !isOpen ? 'pi-h-6 pi-w-6' : 'pi-w-8 pi-h-8'
             } pi-animate-ping pi-absolute pi-inline-flex pi-rounded-full ${
-              color === 'red' ? 'pi-bg-red-400' : 'pi-bg-green-400'
+              color === 'red' ? 'pi-bg-red-400' : 'animationDotBackgroundGreen'
             } pi-opacity-75 `}
           ></span>
           <FontAwesomeIcon
             className={`pi-w-4 pi-h-6 pi-rotate-45 ${
-              color === 'red' ? 'pi-text-red-500' : 'pi-text-green-500'
+              color === 'red' ? 'pi-text-red-500' : 'animationDotTextGreen'
             }`}
             icon={faCircle}
           ></FontAwesomeIcon>

diff --git a/src/index.css b/src/index.css
@@ -71,3 +71,11 @@ input::placeholder {
   margin-block-start: 0;
   margin-block-end: 0;
 }
+
+.animationDotBackgroundGreen {
+  background-color: rgb(74, 222, 128);
+}
+
+.animationDotTextGreen {
+  color: rgb(34, 197, 94);
+}