diff --git a/src/components/Sidebar/NavLink/NavLink.vue b/src/components/Sidebar/NavLink/NavLink.vue index 5047be5..3650bbb 100644 --- a/src/components/Sidebar/NavLink/NavLink.vue +++ b/src/components/Sidebar/NavLink/NavLink.vue @@ -1,5 +1,5 @@ <template> - <li v-if="!childrenLinks && isHeader" :class="{headerLink: true, className}"> + <li v-if="!childrenLinks && isHeader" :class="{headerLink: true, [className]: className}"> <router-link :to="link" class="sidebar-link"> <span class="icon"> <i :class="fullIconName"></i> @@ -8,7 +8,7 @@ <b-badge v-if="badge" variant="primary" pill>{{badge}}</b-badge> </router-link> </li> - <li v-else-if="childrenLinks" :class="{headerLink: true, className}"> + <li v-else-if="childrenLinks" :class="{headerLink: true, [className]: className}"> <div @click="() => togglePanelCollapse(link)"> <router-link :to="link" event="" class="d-flex sidebar-link"> <span class="icon"> diff --git a/src/components/Widget/Widget.vue b/src/components/Widget/Widget.vue index 8940ff4..0840596 100644 --- a/src/components/Widget/Widget.vue +++ b/src/components/Widget/Widget.vue @@ -1,7 +1,7 @@ <template> <section :class="{ widget: true, - className, + [className]: className, collapsed: state === 'collapse', fullscreened: state === 'fullscreen', loading: fetchingData