mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-08-23 17:47:24 +00:00
make navigation arrow icons easier to see
This commit is contained in:
parent
fcdfa238b3
commit
f6e8be47d0
2 changed files with 2 additions and 5 deletions
|
@ -25,7 +25,7 @@ class IconComponent extends React.PureComponent<Props> {
|
||||||
|
|
||||||
let size = 14;
|
let size = 14;
|
||||||
if (icon === icons.ARROW_LEFT || icon === icons.ARROW_RIGHT) {
|
if (icon === icons.ARROW_LEFT || icon === icons.ARROW_RIGHT) {
|
||||||
size = 18;
|
size = 20;
|
||||||
}
|
}
|
||||||
|
|
||||||
return Icon ? <Icon size={size} className="icon" color={color} /> : null;
|
return Icon ? <Icon size={size} className="icon" color={color} /> : null;
|
||||||
|
|
|
@ -145,10 +145,7 @@ button:disabled {
|
||||||
|
|
||||||
.btn.btn--arrow {
|
.btn.btn--arrow {
|
||||||
width: var(--btn-arrow-width);
|
width: var(--btn-arrow-width);
|
||||||
|
|
||||||
&:hover:not(:disabled) {
|
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
}
|
|
||||||
|
|
||||||
&:disabled {
|
&:disabled {
|
||||||
opacity: 0.3;
|
opacity: 0.3;
|
||||||
|
|
Loading…
Add table
Reference in a new issue