web/satellite/vuetify-poc: prevent inappropriate sidebar closure
This change prevents the navigation sidebar from closing when an item in the My Account dropdown menu is clicked and the display size is larger than medium. Resolves #6332 Change-Id: Id37c3d8ee7179805cfecbd3eac9257130e9acc5b
This commit is contained in:
parent
f63f3f19ee
commit
3d3785a605
@ -149,7 +149,7 @@
|
||||
<script setup lang="ts">
|
||||
import { ref, watch, computed } from 'vue';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { useTheme } from 'vuetify';
|
||||
import { useDisplay, useTheme } from 'vuetify';
|
||||
import {
|
||||
VAppBar,
|
||||
VAppBarNavIcon,
|
||||
@ -201,6 +201,8 @@ const configStore = useConfigStore();
|
||||
const router = useRouter();
|
||||
const notify = useNotify();
|
||||
|
||||
const { mdAndDown } = useDisplay();
|
||||
|
||||
const auth: AuthHttpApi = new AuthHttpApi();
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
@ -240,7 +242,7 @@ toggleTheme(localStorage.getItem('theme') || 'light');
|
||||
activeTheme.value = theme.global.current.value.dark ? 1 : 0;
|
||||
|
||||
function closeSideNav(): void {
|
||||
appStore.toggleNavigationDrawer(false);
|
||||
if (mdAndDown.value) appStore.toggleNavigationDrawer(false);
|
||||
}
|
||||
|
||||
/**
|
||||
|
Loading…
Reference in New Issue
Block a user