Fix header icon color

This commit is contained in:
rijkvanzanten
2021-06-17 18:32:33 -04:00
parent 2770a735c8
commit 8d99a2dc38
2 changed files with 10 additions and 2 deletions

View File

@@ -2,7 +2,7 @@
<insights-not-found v-if="!currentDashboard" />
<private-view v-else :title="currentDashboard.name">
<template #title-outer:prepend>
<v-button rounded disabled icon secondary>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon :name="currentDashboard.icon" />
</v-button>
</template>
@@ -345,4 +345,8 @@ export default defineComponent({
--v-button-color-active: var(--foreground-inverted);
--v-button-background-color-active: var(--primary);
}
.header-icon {
--v-button-color-disabled: var(--foreground-normal);
}
</style>

View File

@@ -1,7 +1,7 @@
<template>
<private-view :title="t('insights')">
<template #title-outer:prepend>
<v-button rounded disabled icon secondary>
<v-button class="header-icon" rounded disabled icon secondary>
<v-icon name="dashboard" />
</v-button>
</template>
@@ -212,4 +212,8 @@ export default defineComponent({
--v-list-item-color-hover: var(--warning);
--v-list-item-icon-color: var(--warning);
}
.header-icon {
--v-button-color-disabled: var(--foreground-normal);
}
</style>