diff options
Diffstat (limited to 'src/components/_sila/AppHeader/AppHeader.vue')
-rw-r--r-- | src/components/_sila/AppHeader/AppHeader.vue | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/_sila/AppHeader/AppHeader.vue b/src/components/_sila/AppHeader/AppHeader.vue index 8d65b894..7af79129 100644 --- a/src/components/_sila/AppHeader/AppHeader.vue +++ b/src/components/_sila/AppHeader/AppHeader.vue @@ -184,6 +184,28 @@ </b-dropdown> </li> <li class="nav-item header-nav"> + <theme-button /> + <!-- <b-nav-item class="header-nav"> + <icon-sun /> + <icon-moon /> + </b-nav-item> --> + <!-- @click="initModalSettings" --> + + <!-- <label for="checkbox" class="switch-label"> + <span>🌙</span> + <span>☀️</span> + <icon-sun :title="$t('appHeader.titleProfile')" /> + <icon-moon /> + + <div + class="switch-toggle" + :class="{ + 'switch-toggle-checked': userTheme === 'dark-theme', + }" + ></div> + </label>--> + </li> + <li class="nav-item header-nav"> <b-dropdown id="app-header-user" variant="link" @@ -224,6 +246,10 @@ import IconRenew from '@carbon/icons-vue/es/renew/20'; import IconNotification from '@carbon/icons-vue/es/notification/20'; import StatusIcon from '@/components/Global/StatusIcon'; import LoadingBar from '@/components/Global/LoadingBar'; +import ThemeButton from '@/components/_sila/Global/ThemeButton'; + +// import IconSun from '@carbon/icons-vue/es/sun/20'; +// import IconMoon from '@carbon/icons-vue/es/moon/20'; export default { name: 'AppHeader', @@ -235,6 +261,9 @@ export default { StatusIcon, LoadingBar, IconNotification, + ThemeButton, + // IconSun, + // IconMoon, }, mixins: [BVToastMixin], props: { |