UX: Tweak some styles

This commit is contained in:
Jarek Radosz 2023-01-16 00:27:56 +01:00
parent c450dcbb8d
commit 3aa0862fa9
6 changed files with 14 additions and 18 deletions

View File

@ -26,19 +26,15 @@ export default Component.extend({
}
),
officialRepoImageSrc: computed("repo.official", function () {
officialRepoBadge: computed("repo.official", function () {
if (this.get("repo.fork")) {
return getURLWithCDN(
"/plugins/docker_manager/images/font-awesome-exclamation-circle.png"
);
return "exclamation-circle";
} else if (this.get("repo.official")) {
return getURLWithCDN(
"/plugins/docker_manager/images/font-awesome-check-circle.png"
);
return "check-circle";
}
}),
officialRepoImageTitle: computed("repo.official", function () {
officialRepoBadgeTitle: computed("repo.official", function () {
if (this.get("repo.fork")) {
return "Forked Official Plugin";
} else if (this.get("repo.official")) {

View File

@ -1,11 +1,11 @@
<td>
{{#if officialRepoImageSrc}}
<img
{{#if this.officialRepoBadge}}
{{d-icon
this.officialRepoBadge
class="check-circle"
src={{officialRepoImageSrc}}
alt={{officialRepoImageTitle}}
title={{officialRepoImageTitle}}
/>
alt=this.officialRepoBadgeTitle
title=this.officialRepoBadgeTitle
}}
{{/if}}
</td>

View File

@ -12,11 +12,11 @@
</button>
<table class="table" id="repos">
<tr>
<thead>
<th></th>
<th style="width: 50%">Repository</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{{#each model as |repo|}}
{{repo-status repo=repo upgradingRepo=upgrading managerRepo=managerRepo}}

View File

@ -11,7 +11,7 @@
}
.check-circle {
height: 15px;
color: var(--success);
}
table#repos {
@ -46,8 +46,8 @@
ul {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
margin-bottom: 10px;
}
li.new-commits {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB