From 5c9a5c13b82190f6620e6c9b5e1c843053fb5ec3 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sat, 8 Jul 2023 19:37:26 +0800
Subject: [PATCH] modify style

---
 src/views/desktop/HomePage.vue   | 10 ++++++----
 src/views/desktop/MainLayout.vue | 28 ++++++++++------------------
 2 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/src/views/desktop/HomePage.vue b/src/views/desktop/HomePage.vue
index fceeb53e..29a9165f 100644
--- a/src/views/desktop/HomePage.vue
+++ b/src/views/desktop/HomePage.vue
@@ -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
             }
         };
diff --git a/src/views/desktop/MainLayout.vue b/src/views/desktop/MainLayout.vue
index 7625fde1..f244d8a5 100644
--- a/src/views/desktop/MainLayout.vue
+++ b/src/views/desktop/MainLayout.vue
@@ -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>