diff --git a/packages/client/hmi-client/src/App.vue b/packages/client/hmi-client/src/App.vue
index 424c41e90e..f630dfc065 100644
--- a/packages/client/hmi-client/src/App.vue
+++ b/packages/client/hmi-client/src/App.vue
@@ -1,38 +1,25 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/packages/client/hmi-client/src/components/navbar/tera-footer.vue b/packages/client/hmi-client/src/components/navbar/tera-footer.vue
index 91293fa0e6..c1335d8524 100644
--- a/packages/client/hmi-client/src/components/navbar/tera-footer.vue
+++ b/packages/client/hmi-client/src/components/navbar/tera-footer.vue
@@ -1,6 +1,6 @@
-
-
+
+
diff --git a/packages/client/hmi-client/src/components/navbar/tera-navbar.vue b/packages/client/hmi-client/src/components/navbar/tera-navbar.vue
index 17950257f4..20817b5eb6 100644
--- a/packages/client/hmi-client/src/components/navbar/tera-navbar.vue
+++ b/packages/client/hmi-client/src/components/navbar/tera-navbar.vue
@@ -450,9 +450,10 @@ nav {
align-items: center;
background-color: var(--surface-section);
border-bottom: 1px solid var(--surface-border-light);
- padding: 0.5rem 1rem;
+ padding: var(--gap-2) var(--gap-4);
display: flex;
gap: var(--gap-large);
+ grid-area: header;
a,
a:hover {
@@ -461,21 +462,21 @@ nav {
}
.terarium-logo {
- margin-top: 5px;
+ margin-top: var(--gap-1-5);
}
.layout-project-selection {
margin-right: auto;
}
.avatar {
- color: var(--text-color-subdued);
background-color: var(--primary-color-lighter);
+ color: var(--text-color-subdued);
cursor: pointer;
}
.avatar:hover {
- color: var(--text-color);
background-color: var(--primary-color-light);
+ color: var(--text-color);
}
/* Split button
@@ -597,12 +598,12 @@ nav {
}
.status-chip {
background-color: var(--surface-highlight);
+ border-radius: var(--border-radius);
padding: var(--gap-small);
- border-radius: 3rem;
}
.field-checkbox {
- font-size: var(--font-small);
+ font-size: var(--font-body-small);
color: var(--text-color-primary);
- margin-bottom: 0rem;
+ margin-bottom: 0;
}
diff --git a/packages/client/hmi-client/src/services/toast.ts b/packages/client/hmi-client/src/services/toast.ts
index bb608cd73a..8691b010d9 100644
--- a/packages/client/hmi-client/src/services/toast.ts
+++ b/packages/client/hmi-client/src/services/toast.ts
@@ -33,7 +33,6 @@ export const useToastService = () => {
ToastEventBus.emit('add', {
severity: ToastSeverity.warn,
summary: summary || ToastSummaries.WARNING,
- group: ToastSeverity.warn,
detail,
life
});
@@ -43,7 +42,6 @@ export const useToastService = () => {
ToastEventBus.emit('add', {
severity: ToastSeverity.error,
summary: summary || ToastSummaries.ERROR,
- group: ToastSeverity.error,
detail,
life
});
@@ -53,7 +51,6 @@ export const useToastService = () => {
ToastEventBus.emit('add', {
severity: ToastSeverity.success,
summary: summary || ToastSummaries.SUCCESS,
- group: ToastSeverity.success,
detail,
life
});
@@ -63,7 +60,6 @@ export const useToastService = () => {
ToastEventBus.emit('add', {
severity: ToastSeverity.info,
summary: summary || ToastSummaries.INFO,
- group: ToastSeverity.info,
detail,
life
});