Show correct icon for compatible versions and improve styling

This commit is contained in:
hensm
2018-12-12 21:40:39 +00:00
parent 981b892a47
commit 307441444a
3 changed files with 14 additions and 6 deletions

View File

@@ -51,8 +51,8 @@
, "optionsBridgeCompatible": {
"message": "COMPATIBLE"
}
, "optionsBridgeMaybeCompatible": {
"message": "MAYBE COMPATIBLE"
, "optionsBridgeLikelyCompatible": {
"message": "LIKELY COMPATIBLE"
}
, "optionsBridgeIncompatible": {
"message": "INCOMPATIBLE"

View File

@@ -185,7 +185,7 @@ class App extends Component {
[ "assets/icons8-cancel-120.png"
, _("optionsBridgeNotFoundStatusText") ]
} else {
if (bridgeInfo.isVersionExact) {
if (bridgeInfo.isVersionCompatible) {
[ "assets/icons8-ok-120.png"
, _("optionsBridgeFoundStatusText") ]
} else {
@@ -228,7 +228,7 @@ class App extends Component {
if (bridgeInfo.isVersionExact) {
_("optionsBridgeCompatible")
} else {
_("optionsBridgeMaybeCompatible")
_("optionsBridgeLikelyCompatible")
}
} else {
_("optionsBridgeIncompatible")

View File

@@ -52,6 +52,7 @@
.bridge__info {
display: flex;
padding-inline-start: 25px;
}
.bridge__status {
@@ -59,8 +60,15 @@
display: flex;
flex-basis: min-content;
flex-direction: column;
margin-inline-end: 50px;
margin-inline-start: 25px;
margin-inline-end: 25px;
}
.bridge__info--not-found {
padding-inline-end: 25px;
}
.bridge__info--found .bridge__status {
border-inline-end: 1px solid var(--border-color);
padding-inline-end: 25px;
}
.bridge__status-text {