UX adjustments and refinement to Notifications panel (#3448)

DARPA-ASKEM · Apr 26, 2024 · 12497d8 · 12497d8
1 parent f904892
commit 12497d8
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/client/hmi-client/src/components/navbar/tera-notification-panel.vue b/packages/client/hmi-client/src/components/navbar/tera-notification-panel.vue
@@ -167,11 +167,13 @@ header {
  }
  button {
  padding: 1px;
+ font-size: var(--font-caption);
  }
 }
 .text-body {
  font-size: var(--font-body-small);
  color: var(--text-color-secondary);
+ margin-top: 1rem;
 }
 
 .notification-items-container {
@@ -193,7 +195,9 @@ header {
  }
  .msg {
  font-size: var(--font-caption);
- color: #9298a5;
+ color: var(--text-color-secondary);
+ margin-top: 0.2rem;
+ /* color: #9298a5; */
  }
  .action {
  font-size: var(--font-caption);
@@ -218,8 +222,9 @@ header {
  gap: var(--gap-small);
  .status-msg {
  display: flex;
- align-items: center;
+ align-items: top;
  gap: 0.5rem;
+ font-size: var(--font-caption);
  }
  .status-msg.ok {
  color: var(--primary-color);
@@ -230,6 +235,8 @@ header {
  .time-msg {
  font-size: var(--font-caption);
  color: var(--text-color-secondary);
+ min-width: 96px;
+ text-align: right;
  }
  }
 }