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:
Jeremy Wharton 2023-09-26 01:23:25 -05:00 committed by Storj Robot
parent f63f3f19ee
commit 3d3785a605

View File

@ -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);
}
/**