Enhance dashboard interactivity and update dependencies

- Added a new function to navigate to specific locations on the map with animation and detail display.
- Made the item title clickable to trigger the navigation function.
- Updated CSS to style the clickable item title for better user experience.
- Added `pydantic[email]` to backend requirements for enhanced validation capabilities.
This commit is contained in:
2025-09-26 20:31:22 +08:00
parent 2a46ecb7d2
commit 0e3eea7de9
3 changed files with 41 additions and 2 deletions

View File

@@ -120,6 +120,19 @@ button.chip[aria-pressed="false"]{opacity:0.55;filter:grayscale(0.15)}
.thumb{width:56px;height:56px;border-radius:6px;background:linear-gradient(180deg,#eef2ff,#fff);display:flex;align-items:center;justify-content:center;color:#0f172a;font-weight:700}
.item-main{flex:1;min-width:0}
.item-title{font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.item-title.clickable{
cursor:pointer;
transition:all 0.2s ease;
border-radius:4px;
padding:2px 4px;
margin:-2px -4px;
}
.item-title.clickable:hover{
background-color:rgba(14,165,164,0.1);
color:var(--accent);
transform:translateY(-1px);
box-shadow:0 2px 8px rgba(14,165,164,0.15);
}
.item-meta{display:flex;gap:8px;align-items:center;margin-top:6px;font-size:12px;color:var(--muted)}
.item-actions{display:flex;align-items:center}