From 2cbc7c688352945e87aa793b951b052616554304 Mon Sep 17 00:00:00 2001
From: Sinan997 <sinanozturk997@gmail.com>
Date: Thu, 28 Mar 2024 15:58:04 +0300
Subject: [PATCH] Update internet connection status component icon

---
 .../internet-connection-status.component.ts   | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/internet-connection-status/internet-connection-status.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/internet-connection-status/internet-connection-status.component.ts
index 928d27053a..9c59947891 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/internet-connection-status/internet-connection-status.component.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/internet-connection-status/internet-connection-status.component.ts
@@ -13,7 +13,7 @@ import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
           ngbTooltip="{{ 'AbpUi::InternetConnectionInfo' | abpLocalization }}"
           container="body"
           placement="left-top" 
-          class="fa fa-circle text-blinking blink"
+          class="fa fa-wifi text-blinking blink"
         >
         </i>
       </div>
@@ -29,29 +29,27 @@ import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
           color: #c1c1c1;
         }
         70% {
-          color: #dc3545;
+          color: #fa2379;
         }
         100% {
-          color: #dc3545;
+          color: #fa2379;
         }
       }
 
       .text-blinking {
-        font-size: 1.2rem;
+        font-size: 30px;
       }
 
       .status-icon {
         position: fixed;
         z-index: 999999;
-        top: 10px;
-        right: 10px;
-      }
-
-      @media (width < 768px) {
-        .status-icon {
-          top: 26px;
-          right: 134px;
-        }
+        top: 50%;
+        left: 50%;
+        width: 30px;
+        text-align: center;
+        margin-left: -15px;
+        margin-top: -15px;
+        translate: transform(-50%, -50%);
       }
     `,
   ],