style(ui): improve window dragging and provider card styles

This commit is contained in:
YoVinchen
2025-11-21 11:44:33 +08:00
parent f1b0fa2985
commit 988ea326d9
3 changed files with 18 additions and 15 deletions

View File

@@ -114,18 +114,14 @@ export function ProviderCard({
<div
className={cn(
"glass-card relative overflow-hidden rounded-xl p-4 transition-all duration-300",
"group hover:border-primary/50",
"group hover:bg-black/[0.02] dark:hover:bg-white/[0.02] hover:border-primary/50",
isCurrent
? "border-primary/50 shadow-[0_0_20px_rgba(59,130,246,0.15)]"
? "border-primary/50 bg-primary/5 shadow-[0_0_20px_rgba(59,130,246,0.15)]"
: "hover:scale-[1.01]",
dragHandleProps?.isDragging &&
"cursor-grabbing border-primary shadow-lg scale-105 z-10",
)}
>
{/* 选中状态的浅色背景叠加层 */}
{isCurrent && (
<div className="absolute inset-0 bg-primary/[0.02] pointer-events-none" />
)}
<div className="absolute inset-0 bg-gradient-to-r from-primary/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none" />
<div className="relative flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div className="flex flex-1 items-center gap-3">