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 { Badge } from "@/components/ui/badge";
|
||||||
import { Zap, Shield, Coins, HelpCircle, Clock, AlertTriangle, Skull, Fuel, Pickaxe } from "lucide-react";
|
import { Zap, Shield, Coins, HelpCircle, Clock, AlertTriangle, Skull, Fuel, Pickaxe } from "lucide-react";
|
||||||
import { SigviewRecord as Signature } from "@/lib/pbtypes";
|
import { SigviewRecord as Signature } from "@/lib/pbtypes";
|
||||||
@@ -75,7 +74,7 @@ export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
|
|||||||
oldEntry ? "opacity-50" : ""
|
oldEntry ? "opacity-50" : ""
|
||||||
} ${
|
} ${
|
||||||
isGasSite
|
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
|
DANGEROUS
|
||||||
</Badge>
|
</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>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user