diff options
-rw-r--r-- | src/components/_sila/AppNavigation/AppNavigation.vue | 3 | ||||
-rw-r--r-- | src/env/components/AppNavigation/sila.js | 29 | ||||
-rw-r--r-- | src/views/_sila/Fans/Static/FansStaticPage.vue | 2 |
3 files changed, 2 insertions, 32 deletions
diff --git a/src/components/_sila/AppNavigation/AppNavigation.vue b/src/components/_sila/AppNavigation/AppNavigation.vue index 6f5dfa23..a03a1cd0 100644 --- a/src/components/_sila/AppNavigation/AppNavigation.vue +++ b/src/components/_sila/AppNavigation/AppNavigation.vue @@ -11,7 +11,6 @@ :to="navItem.route" :data-test-id="`nav-item-${navItem.id}`" > - <component :is="navItem.icon" /> {{ navItem.label }} </b-nav-item> @@ -22,7 +21,6 @@ variant="link" :data-test-id="`nav-button-${navItem.id}`" > - <component :is="navItem.icon" /> {{ navItem.label }} <icon-expand class="icon-expand" /> </b-button> @@ -211,6 +209,7 @@ svg { left: 0; z-index: $zindex-fixed; overflow-y: auto; + background-color: $white; transform: translateX(-$navigation-width); transition: transform $exit-easing--productive $duration--moderate-02; border-right: 1px solid theme-color-level('light', 2.85); diff --git a/src/env/components/AppNavigation/sila.js b/src/env/components/AppNavigation/sila.js index 09093d6b..4056a0d0 100644 --- a/src/env/components/AppNavigation/sila.js +++ b/src/env/components/AppNavigation/sila.js @@ -1,32 +1,10 @@ -import IconDashboard from '@carbon/icons-vue/es/dashboard/16'; -import IconTextLinkAnalysis from '@carbon/icons-vue/es/text-link--analysis/16'; -import IconDataCheck from '@carbon/icons-vue/es/data--check/16'; -import IconSettingsAdjust from '@carbon/icons-vue/es/settings--adjust/16'; -import IconSettings from '@carbon/icons-vue/es/settings/16'; -import IconSecurity from '@carbon/icons-vue/es/security/16'; -import IconChevronUp from '@carbon/icons-vue/es/chevron--up/16'; -import IconDataBase from '@carbon/icons-vue/es/data--base--alt/16'; -import IconChip from '@carbon/icons-vue/es/chip/16'; - const AppNavigationMixin = { - components: { - iconOverview: IconDashboard, - iconLogs: IconTextLinkAnalysis, - iconHealth: IconDataCheck, - iconControl: IconSettingsAdjust, - iconSettings: IconSettings, - iconSecurityAndAccess: IconSecurity, - iconExpand: IconChevronUp, - iconResourceManagement: IconDataBase, - iconChip: IconChip, - }, data() { return { navigationItems: [ { id: 'overview', label: this.$t('appNavigation.system'), - icon: 'iconOverview', children: [ { id: 'overview', @@ -53,7 +31,6 @@ const AppNavigationMixin = { { id: 'logs', label: this.$t('appNavigation.logs'), - icon: 'iconLogs', children: [ { id: 'event-logs', @@ -70,7 +47,6 @@ const AppNavigationMixin = { { id: 'hardware-status', label: this.$t('appNavigation.hardwareStatus'), - icon: 'iconHealth', children: [ { id: 'sensors', @@ -93,7 +69,6 @@ const AppNavigationMixin = { { id: 'operations', label: this.$t('appNavigation.operations'), - icon: 'iconControl', children: [ { id: 'factory-reset', @@ -140,7 +115,6 @@ const AppNavigationMixin = { { id: 'processors', label: this.$t('appNavigation.processors'), - icon: 'iconChip', children: [ { id: 'processors/dynamic', @@ -152,7 +126,6 @@ const AppNavigationMixin = { { id: 'settings', label: this.$t('appNavigation.settings'), - icon: 'iconSettings', children: [ { id: 'power-restore-policy', @@ -164,7 +137,6 @@ const AppNavigationMixin = { { id: 'security-and-access', label: this.$t('appNavigation.securityAndAccess'), - icon: 'iconSecurityAndAccess', children: [ { id: 'sessions', @@ -196,7 +168,6 @@ const AppNavigationMixin = { { id: 'resource-management', label: this.$t('appNavigation.resourceManagement'), - icon: 'iconResourceManagement', children: [ { id: 'power', diff --git a/src/views/_sila/Fans/Static/FansStaticPage.vue b/src/views/_sila/Fans/Static/FansStaticPage.vue index 810aeb4b..311ea8fe 100644 --- a/src/views/_sila/Fans/Static/FansStaticPage.vue +++ b/src/views/_sila/Fans/Static/FansStaticPage.vue @@ -10,7 +10,7 @@ :fields="fields" :empty-text="$t('global.table.emptyMessage')" > - <template #cell(status)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> |