Refactor signature list item styling
Implement shiny background for signatures and revert gas icon.
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user