Show panel icon in header, fix active state buttons

This commit is contained in:
rijkvanzanten
2021-06-17 17:12:50 -04:00
parent 13e558e0fa
commit 91e550e8d9
3 changed files with 8 additions and 2 deletions

View File

@@ -323,6 +323,10 @@ export default defineComponent({
--v-button-color: var(--foreground-subdued);
}
.outlined.active {
background-color: var(--v-button-background-color);
}
.dashed {
border-style: dashed;
}

View File

@@ -342,5 +342,7 @@ export default defineComponent({
--v-button-color-hover: var(--foreground-normal);
--v-button-background-color: var(--foreground-subdued);
--v-button-background-color-hover: var(--foreground-normal);
--v-button-color-active: var(--foreground-inverted);
--v-button-background-color-active: var(--primary);
}
</style>

View File

@@ -1,10 +1,10 @@
<template>
<v-drawer
:model-value="isOpen"
:title="(panel && panel.name) || t('panel')"
:title="panel?.name || t('panel')"
:subtitle="t('panel_options')"
@cancel="$emit('cancel')"
icon="insert_chart"
:icon="panel?.icon || insert_chart"
persistent
>
<template #actions>