Refactor signature list item styling

Implement shiny background for signatures and revert gas icon.
This commit is contained in:
gpt-engineer-app[bot]
2025-06-16 13:11:38 +00:00
parent 367581cd54
commit 6934833771

View File

@@ -1,4 +1,3 @@
import { Badge } from "@/components/ui/badge";
import { Zap, Shield, Coins, HelpCircle, Clock, AlertTriangle, Skull, Fuel, Pickaxe } from "lucide-react";
import { SigviewRecord as Signature } from "@/lib/pbtypes";
@@ -75,7 +74,7 @@ export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
oldEntry ? "opacity-50" : ""
} ${
isGasSite
? "bg-gradient-to-r from-yellow-900/10 to-amber-900/10 border-l-4 border-l-yellow-500 shadow-lg shadow-yellow-500/10 hover:shadow-yellow-500/20 animate-pulse"
? "bg-gradient-to-r from-yellow-500/20 via-amber-400/20 to-yellow-500/20 border-l-4 border-l-yellow-500 shadow-xl shadow-yellow-500/20 hover:shadow-yellow-500/30 animate-pulse backdrop-blur-sm"
: ""
}`}
>
@@ -107,11 +106,6 @@ export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
DANGEROUS
</Badge>
)}
{isGasSite && (
<Badge variant="outline" className="bg-gradient-to-r from-yellow-500/20 to-amber-500/20 text-yellow-300 border-yellow-500 px-1 py-0 text-xs animate-pulse">
💎 VALUABLE
</Badge>
)}
</h3>
</div>
</div>