Merge pull request #13 from WantClue/fix-ui-style-usage

fix style utilization

Author: WantClue

main/http_server/axe-os/src/app/components/edit/edit.component.scss

@@ -293,7 +293,6 @@
 // Alert Messages
 ::ng-deep .p-message {
   border-radius: 0.75rem !important;
-  backdrop-filter: blur(8px);
   margin-bottom: 1.5rem;
 
   &.p-message-warn {
@@ -400,7 +399,6 @@
     padding: 0.5rem 0.75rem;
     color: var(--text-primary);
     font-size: 0.875rem;
-    backdrop-filter: blur(8px);
   }
 
   .p-tooltip-arrow {

main/http_server/axe-os/src/app/components/home/home.component.scss

@@ -12,13 +12,12 @@
 }
 
 %base-card {
-  background: var(--card-bg); backdrop-filter: blur(12px); border: 1px solid var(--card-border); border-radius: 1rem; padding: 1.5rem;
+  background: rgba(30, 41, 59, 0.95); border: 1px solid var(--card-border); border-radius: 1rem; padding: 1.5rem;
 }
 
 ::ng-deep .alert-message {
   margin-bottom: 1.5rem;
   border-radius: 0.75rem;
-  backdrop-filter: blur(8px);
   &.p-message-error { background: rgba(239, 68, 68, 0.1) !important; border-color: rgba(239, 68, 68, 0.3) !important; color: #fca5a5 !important; }
   &.p-message-warn { background: rgba(245, 158, 11, 0.1) !important; border-color: rgba(245, 158, 11, 0.3) !important; color: #fcd34d !important; }
 }

main/http_server/axe-os/src/app/components/logs/logs.component.scss

@@ -17,8 +17,7 @@
 
 // Base card styles - Matching home component
 %base-card {
-  background: var(--card-bg);
-  backdrop-filter: blur(12px);
+  background: rgba(30, 41, 59, 0.95);
   border: 1px solid var(--card-border);
   border-radius: 1rem;
   padding: 1.5rem;
@@ -132,7 +131,7 @@ table {
   overflow-x: hidden;
   padding: 1rem;
   margin-top: 1rem;
-  backdrop-filter: blur(4px);
+
 
   // Custom scrollbar
   &::-webkit-scrollbar {

main/http_server/axe-os/src/app/components/network-edit/network.edit.component.scss

@@ -246,21 +246,6 @@
   }
 }
 
-// WiFi scan enhancements
-.wifi-scan-button {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-
-  .scan-icon {
-    animation: pulse 2s infinite;
-  }
-}
-
-@keyframes pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.7; }
-}
 
 // Responsive Design
 @media (max-width: 768px) {

main/http_server/axe-os/src/app/components/network/network.component.scss

@@ -16,8 +16,7 @@
 
 // Base card styles - Matching home component
 %base-card {
-  background: var(--card-bg);
-  backdrop-filter: blur(12px);
+  background: rgba(30, 41, 59, 0.95);
   border: 1px solid var(--card-border);
   border-radius: 1rem;
   padding: 1.5rem;

main/http_server/axe-os/src/app/components/pool/pool.component.scss

@@ -23,8 +23,7 @@
 
 // Base card styles - Matching home component
 %base-card {
-  background: var(--card-bg);
-  backdrop-filter: blur(12px);
+  background: rgba(30, 41, 59, 0.95);
   border: 1px solid var(--card-border);
   border-radius: 1rem;
   padding: 1.5rem;

main/http_server/axe-os/src/app/components/settings/settings.component.scss

@@ -16,8 +16,7 @@
 
 // Base card styles - Matching home component
 %base-card {
-  background: var(--card-bg);
-  backdrop-filter: blur(12px);
+  background: rgba(30, 41, 59, 0.95);
   border: 1px solid var(--card-border);
   border-radius: 1rem;
   padding: 1.5rem;

main/http_server/axe-os/src/app/components/swarm/swarm.component.scss

@@ -14,7 +14,7 @@
 }
 
 %base-card {
-  background: var(--card-bg); backdrop-filter: blur(12px); border: 1px solid var(--card-border); border-radius: 1rem; padding: 1.5rem;
+  background: rgba(30, 41, 59, 0.95); border: 1px solid var(--card-border); border-radius: 1rem; padding: 1.5rem;
 }
 
 ::ng-deep .p-button {

main/http_server/axe-os/src/app/layout/styles/layout/_menu.scss

@@ -8,8 +8,7 @@
     top: 0;
     left: 0;
     transition: transform $transitionDuration, left $transitionDuration;
-    background: rgba(30, 41, 59, 0.95);
-    backdrop-filter: blur(16px);
+    background: rgb(30, 41, 59);
     border-right: 1px solid rgba(51, 65, 85, 0.8);
     padding: 0;
     box-shadow: none;

main/http_server/axe-os/src/app/layout/styles/layout/_topbar.scss

@@ -7,8 +7,7 @@
     top: 0;
     width: 100%;
     padding: 1.5rem 2rem 1.5rem 274px; // Account for sidebar width
-    background: rgba(30, 41, 59, 0.95);
-    backdrop-filter: blur(16px);
+    background: rgb(30, 41, 59);
     border-bottom: 1px solid rgba(51, 65, 85, 0.8);
     transition: left $transitionDuration;
     display: flex;
@@ -95,7 +94,7 @@
                     height: 8px;
                     border-radius: 50%;
                     background: currentColor;
-                    animation: pulse 2s infinite;
+                    animation: pulse 2s 3;
                 }
             }
 
@@ -261,8 +260,7 @@
             top: 1rem;
             left: 1rem;
             z-index: 1000;
-            background: rgba(30, 41, 59, 0.95);
-            backdrop-filter: blur(8px);
+            background: rgb(30, 41, 59);
             border-radius: 0.5rem;
         }