jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Plumb so items without count in Trade could be visually different

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-03-08 12:24:36 -08:00
parent 791369c026
commit 6e5e8f2f80
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/Resource.js
View File

@ -11,7 +11,7 @@ const Resource = ({ type, select, disabled, available, count, label, onClick })
}; };
if (label) { if (label) {
return <div className="Resource" return <div className={`Resource ${count === 0 ? 'None' : ''}`}
disabled={disabled} disabled={disabled}
data-type={type} data-type={type}
onClick={onClick ? onClick : click} onClick={onClick ? onClick : click}

4
client/src/Trade.css
View File

@ -102,6 +102,10 @@
line-height: 1.5rem; line-height: 1.5rem;
} }
.Trade .Resource.None {
/* filter: brightness(70%); */
}
.Trade .PlayerColor { .Trade .PlayerColor {
align-self: flex-start; align-self: flex-start;
width: 0.75em; width: 0.75em;