From b06456d573e97d57a1447563e900459248a8493b Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Mon, 17 Jul 2023 00:13:57 +0800
Subject: [PATCH] modify style

---
 src/styles/desktop/global.scss     | 6 ++++++
 src/views/desktop/AccountsPage.vue | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/styles/desktop/global.scss b/src/styles/desktop/global.scss
index d5778f1c..50f2fd18 100644
--- a/src/styles/desktop/global.scss
+++ b/src/styles/desktop/global.scss
@@ -32,11 +32,13 @@ input[type=number] {
 :root {
     --default-icon-color: var(--v-theme-on-surface);
     --v-expand-panel-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
+    --v-card-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
 }
 
 :root .v-theme--dark {
     --default-icon-color: var(--v-theme-on-surface);
     --v-expand-panel-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
+    --v-card-title-bg: rgba(var(--v-theme-on-surface), var(--v-hover-opacity));
 }
 
 .pin-codes-input {
@@ -59,6 +61,10 @@ input[type=number] {
     background-color: var(--v-expand-panel-title-bg);
 }
 
+.card-title-with-bg > .v-card-item {
+    background-color: var(--v-card-title-bg);
+}
+
 .auth-logo {
     position: absolute;
     z-index: 1;
diff --git a/src/views/desktop/AccountsPage.vue b/src/views/desktop/AccountsPage.vue
index 30afa221..4280f251 100644
--- a/src/views/desktop/AccountsPage.vue
+++ b/src/views/desktop/AccountsPage.vue
@@ -99,7 +99,7 @@
 
                                 <v-row class="pl-4 pr-8" v-if="categorizedAccounts[activeAccountCategory.id] && categorizedAccounts[activeAccountCategory.id].accounts && categorizedAccounts[activeAccountCategory.id].accounts.length">
                                     <v-col cols="12">
-                                        <v-card border class="mb-8 h-auto" :key="account.id"
+                                        <v-card border class="card-title-with-bg mb-8 h-auto" :key="account.id"
                                                 v-for="account in categorizedAccounts[activeAccountCategory.id].accounts"
                                                 v-show="showHidden || !account.hidden">
                                             <template #title>