fix(frontend): design issues, destinguish between out of sync/dead mi…

…rrors
chaotic-cx · Jan 4, 2025 · 62dc901 · 62dc901
1 parent 4479324
commit 62dc901
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 6 deletions.
diff --git a/frontend/src/app/about/about.component.html b/frontend/src/app/about/about.component.html
@@ -61,14 +61,14 @@ <h3 class="text-maroon pb-5 text-center text-lg font-bold">{{ member.name }}</h3
         <ul class="chaotic-list-regular text-text">
           <li>Please use our issue trackers or the Telegram group, for general questions and support.</li>
           <li>
-            If a matter needs to be discussed privately, feel free to pick any of those channels:
+            If a matter needs to be discussed privately, feel free to pick any of these channels:
             <a
               class="text-mauve"
               href="https://keyoxide.org/D245D484F3578CB17FD6DA6B67DB29BFF3C96757"
               rel="noopener"
               target="_blank"
-              >keyoxide.org/D245D484F3578CB17FD6DA6B67DB29BFF3C96757</a
-            >
+              >these channels</a
+            >.
           </li>
         </ul>
       </p-panel>

diff --git a/frontend/src/app/mirrors/mirrors.component.html b/frontend/src/app/mirrors/mirrors.component.html
@@ -63,7 +63,8 @@
               class="pi"
               [ngClass]="{
                 'pi-check-circle text-green': mirror.healthy,
-                'pi-exclamation-circle text-red': !mirror.healthy,
+                'pi-exclamation-circle text-red': !mirror.healthy && !mirror.last_update,
+                'pi-fast-backward text-peach': !mirror.healthy && mirror.last_update,
               }"
             ></i>
           </td>

diff --git a/frontend/src/app/theme.ts b/frontend/src/app/theme.ts
@@ -1,6 +1,6 @@
-import Aura from '@primeng/themes/aura';
-import { definePreset } from '@primeng/themes';
 import * as flavors from '@catppuccin/palette';
+import { definePreset } from '@primeng/themes';
+import Aura from '@primeng/themes/aura';
 
 const mocha = flavors.flavors.mocha;
 export const Catppuccin = definePreset(Aura, {
@@ -380,6 +380,18 @@ export const Catppuccin = definePreset(Aura, {
       },
     },
   },
+  components: {
+    tooltip: {
+      colorScheme: {
+        light: {
+          background: mocha.colors.crust.hex,
+        },
+        dark: {
+          background: mocha.colors.crust.hex,
+        },
+      },
+    },
+  },
 });
 
 export const CatppuccinFlavors: string[] = [