From e403e938c3f8b7def8d6256d8a57012b68e06875 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 8 Aug 2023 01:17:59 +0800
Subject: [PATCH] show category comment in list

---
 src/views/desktop/categories/ListPage.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/desktop/categories/ListPage.vue b/src/views/desktop/categories/ListPage.vue
index feeb8943..b5e46012 100644
--- a/src/views/desktop/categories/ListPage.vue
+++ b/src/views/desktop/categories/ListPage.vue
@@ -122,7 +122,10 @@
                                                                 <ItemIcon icon-type="category"
                                                                           :icon-id="element.icon" :color="element.color"
                                                                           :hidden-status="element.hidden" />
-                                                                <span class="ml-2">{{ element.name }}</span>
+                                                                <div class="d-flex flex-column py-2">
+                                                                    <span class="ml-2">{{ element.name }}</span>
+                                                                    <span class="transaction-category-comment ml-2">{{ element.comment }}</span>
+                                                                </div>
                                                             </div>
 
                                                             <v-spacer/>
@@ -504,4 +507,9 @@ export default {
 .transaction-category-table tr.transaction-category-table-row:hover .hover-display {
     display: grid;
 }
+
+.transaction-category-table .transaction-category-comment {
+    font-size: 0.8rem;
+    color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)) !important;
+}
 </style>