From 3e8220b79e4e64c5b018b8b76a1cb49e4074352c Mon Sep 17 00:00:00 2001
From: janewas <fangping_55@qq.com>
Date: Wed, 27 May 2026 17:50:59 +0800
Subject: [PATCH 1/2] fix(lists): UI hover states and cursor fixes

Closes #2
---
 .../src/app/list-components/edited-content.directive.ts  | 2 +-
 .../list-components/list-view/list-view.component.less   | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/projects/budgetkey/src/app/list-components/edited-content.directive.ts b/projects/budgetkey/src/app/list-components/edited-content.directive.ts
index d4f809a..e39b484 100644
--- a/projects/budgetkey/src/app/list-components/edited-content.directive.ts
+++ b/projects/budgetkey/src/app/list-components/edited-content.directive.ts
@@ -19,7 +19,7 @@ export class EditedContentDirective implements AfterViewInit {
 
   ngAfterViewInit(): void {
     const el = this.el;
-    el.style.cursor = 'edit';
+    el.style.cursor = 'pointer';
     el.style.display = 'inline';
     el.style.whiteSpace = 'pre-wrap';
 
diff --git a/projects/budgetkey/src/app/list-components/list-view/list-view.component.less b/projects/budgetkey/src/app/list-components/list-view/list-view.component.less
index ec6e60a..16e54b3 100644
--- a/projects/budgetkey/src/app/list-components/list-view/list-view.component.less
+++ b/projects/budgetkey/src/app/list-components/list-view/list-view.component.less
@@ -114,6 +114,13 @@
                 .font-gadi;
                 color: @color-lists-blue;
             }
+            .description, .title h1 {
+                &[contenteditable="true"]:hover {
+                    background-color: rgba(207, 221, 231, 0.3);
+                    border-radius: 4px;
+                    cursor: pointer;
+                }
+            }
             .timestamps {
                 display: flex;
                 flex-flow: row;
@@ -139,6 +146,7 @@
                 flex: 0 0 auto;
                 .background-image;
                 background-size: 16px;
+                cursor: pointer;
             }
 
             .close-button {
@@ -292,6 +300,7 @@
 
             border-radius: 25px;
             border: 1px solid @color-disabled;
+            cursor: pointer;
 
             &.active {
                 border: 1px solid @color-gray-600;

From e8ab15d855e46cabd3efe8339e3f331b4437310a Mon Sep 17 00:00:00 2001
From: janewas <fangping_55@qq.com>
Date: Wed, 27 May 2026 17:57:32 +0800
Subject: [PATCH 2/2] feat(card): update card design with modern styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Improved box-shadow with layered shadows
- Rounded corners (4px → 8px)
- Subtle hover lift effect (translateY)
- Smooth transition animations

Closes #3
---
 .../search-result/search-result.component.less         | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/projects/budgetkey/src/app/list-components/search-result/search-result.component.less b/projects/budgetkey/src/app/list-components/search-result/search-result.component.less
index 877d987..362ee21 100644
--- a/projects/budgetkey/src/app/list-components/search-result/search-result.component.less
+++ b/projects/budgetkey/src/app/list-components/search-result/search-result.component.less
@@ -15,14 +15,16 @@
 .card {
     display: flex;
     flex-flow: column;
-    box-shadow: 0 1px 2px 0 rgba(189, 189, 189, 0.6);
-    border: solid 1px black;
-    border-radius: 4px;
-    // overflow: hidden;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+    border: solid 1px #e5e7eb;
+    border-radius: 8px;
     width: 100%;
+    transition: box-shadow 0.2s ease, transform 0.2s ease;
 
     &:hover {
         text-decoration: inherit;
+        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+        transform: translateY(-1px);
     }
 
     & > * {