From 905c24ef49437b2a8bc4a4047500debc1f3dc75e Mon Sep 17 00:00:00 2001 From: janewas Date: Wed, 27 May 2026 17:58:19 +0800 Subject: [PATCH] feat(card): update card design with modern styling 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); } & > * {