Highlight spec on spec equip click
This commit is contained in:
parent
e56f170132
commit
2318ff3974
@ -379,6 +379,23 @@ button.equip {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.equip-spec {
|
||||
animation: equip-spec 1s infinite ease-in-out alternate;
|
||||
}
|
||||
|
||||
@keyframes equip-spec {
|
||||
0% {
|
||||
color: #333;
|
||||
stroke: #333;
|
||||
}
|
||||
|
||||
100% {
|
||||
color: #7a7a7a;
|
||||
stroke: #7a7a7a;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.instance-equip .specs figcaption {
|
||||
font-size: 75%;
|
||||
|
||||
@ -108,9 +108,10 @@ function Cryp(props) {
|
||||
}
|
||||
|
||||
if (!s) {
|
||||
const equip = specList.includes(vbox.bound[activeVar]) ? 'equip-spec' : 'gray';
|
||||
return (
|
||||
<figure key={i} className="gray" onClick={blankSpecClick}>
|
||||
{shapes.diamond('stat-icon gray')}
|
||||
<figure key={i} onClick={blankSpecClick}>
|
||||
{shapes.diamond(`stat-icon ${equip}`)}
|
||||
<figcaption> </figcaption>
|
||||
</figure>
|
||||
);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user