chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

chore: cleanup

Browse source
This commit is contained in:
Methapon2001 2024-04-09 14:52:53 +07:00
parent 88ca3e0e14
commit 20ecd04859
1 changed files with 3 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/DrawerComponent.vue
View file

@ -1,10 +1,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, watch } from 'vue'; import { ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
import { Icon } from '@iconify/vue'; import { Icon } from '@iconify/vue';
const { t, locale } = useI18n();
const router = useRouter(); const router = useRouter();
const currentRoute = ref<string>(''); const currentRoute = ref<string>('');
@ -62,6 +60,7 @@ function navigateTo(label: string, destination: string) {
<q-drawer <q-drawer
:breakpoint="500" :breakpoint="500"
v-model="leftDrawerOpen" v-model="leftDrawerOpen"
behavior="mobile"
side="left" side="left"
show-if-above show-if-above
> >
@ -88,8 +87,6 @@ function navigateTo(label: string, destination: string) {
<q-item-label class="q-pl-lg"> <q-item-label class="q-pl-lg">
<div class="box-border-left" /> <div class="box-border-left" />
<Icon :icon="v.icon" width="24px" class="q-mr-md" /> <Icon :icon="v.icon" width="24px" class="q-mr-md" />
<!-- <q-icon :name="v.icon" size="sm" class="q-mr-xs" /> -->
{{ $t(v.label) }} {{ $t(v.label) }}
</q-item-label> </q-item-label>
</q-item-section> </q-item-section>
@ -106,7 +103,7 @@ function navigateTo(label: string, destination: string) {
} }
#drawer-menu :deep(.q-item.active) { #drawer-menu :deep(.q-item.active) {
--_drawer-item-background-color: var(--brand-1) !important; --_drawer-item-background-color: var(--brand-1) !important;
background-color: var(--_drawer-item-background-color) !important; background-color: var(--_drawer-item-background-color);
color: white; color: white;
border-left: 10px solid $secondary; border-left: 10px solid $secondary;