modify style

This commit is contained in:
MaysWind
2023-07-08 19:37:26 +08:00
parent c1f03a8e75
commit 5c9a5c13b8
2 changed files with 16 additions and 22 deletions
+6 -4
View File
@@ -43,7 +43,7 @@
:datetime="displayDateRange.today.displayTime"
>
<template #menus>
<v-list-item :to="'/transactions?dateType=' + allDateRanges.Today.type">
<v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.Today.type">
<v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
</v-list-item>
</template>
@@ -59,7 +59,7 @@
:datetime="displayDateRange.thisWeek.startTime + '-' + displayDateRange.thisWeek.endTime"
>
<template #menus>
<v-list-item :to="'/transactions?dateType=' + allDateRanges.ThisWeek.type">
<v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.ThisWeek.type">
<v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
</v-list-item>
</template>
@@ -75,7 +75,7 @@
:datetime="displayDateRange.thisMonth.startTime + '-' + displayDateRange.thisMonth.endTime"
>
<template #menus>
<v-list-item :to="'/transactions?dateType=' + allDateRanges.ThisMonth.type">
<v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.ThisMonth.type">
<v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
</v-list-item>
</template>
@@ -91,7 +91,7 @@
:datetime="displayDateRange.thisYear.displayTime"
>
<template #menus>
<v-list-item :to="'/transactions?dateType=' + allDateRanges.ThisYear.type">
<v-list-item :prepend-icon="icons.viewDetails" :to="'/transactions?dateType=' + allDateRanges.ThisYear.type">
<v-list-item-title>{{ $t('View Details') }}</v-list-item-title>
</v-list-item>
</template>
@@ -121,6 +121,7 @@ import {
mdiCalendarWeekOutline,
mdiCalendarMonthOutline,
mdiLayersTripleOutline,
mdiListBoxOutline,
mdiDotsVertical
} from '@mdi/js';
@@ -139,6 +140,7 @@ export default {
calendarWeek: mdiCalendarWeekOutline,
calendarMonth: mdiCalendarMonthOutline,
calendarYear: mdiLayersTripleOutline,
viewDetails: mdiListBoxOutline,
more: mdiDotsVertical
}
};
+10 -18
View File
@@ -137,25 +137,17 @@
</v-list-item-title>
</v-list-item>
<v-divider class="my-2"/>
<v-list-item to="/user/settings">
<template #prepend>
<v-icon class="me-2" :icon="icons.profile" size="22"/>
</template>
<v-list-item-title>{{ $t('User Settings') }}</v-list-item-title>
</v-list-item>
<v-list-item to="/app/settings">
<template #prepend>
<v-icon class="me-2" :icon="icons.settings" size="22"/>
</template>
<v-list-item-title>{{ $t('Application Settings') }}</v-list-item-title>
</v-list-item>
<v-list-item :prepend-icon="icons.profile"
:title="$t('User Settings')"
to="/user/settings"></v-list-item>
<v-list-item :prepend-icon="icons.settings"
:title="$t('Application Settings')"
to="/app/settings"></v-list-item>
<v-divider class="my-2"/>
<v-list-item :class="{ 'disabled': logouting }" @click="logout">
<template #prepend>
<v-icon class="me-2" :icon="icons.logout" size="22"/>
</template>
<v-list-item-title>{{ $t('Log Out') }}</v-list-item-title>
</v-list-item>
<v-list-item :disabled="logouting"
:prepend-icon="icons.logout"
:title="$t('Log Out')"
@click="logout"></v-list-item>
</v-list>
</v-menu>
</v-avatar>