web: fix alignment issues in application list page

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-08-05 14:14:39 +02:00
parent fea493f3a0
commit e52390aa28
2 changed files with 6 additions and 5 deletions

View File

@ -93,6 +93,11 @@ body {
color: var(--pf-global--Color--100); color: var(--pf-global--Color--100);
} }
/* Fix alignment issues with images in tables */
.pf-c-table tbody > tr > * {
vertical-align: middle;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--pf-global--Color--100: var(--ak-dark-foreground); --pf-global--Color--100: var(--ak-dark-foreground);

View File

@ -121,11 +121,7 @@ export class ApplicationListPage extends TablePage<Application> {
</button> </button>
</ak-forms-modal> </ak-forms-modal>
${item.launchUrl ${item.launchUrl
? html`<a ? html`<a href=${item.launchUrl} target="_blank" class="pf-c-button pf-m-plain">
href=${item.launchUrl}
target="_blank"
class="pf-c-button pf-m-plain"
>
<i class="fas fas fa-share-square"></i> <i class="fas fas fa-share-square"></i>
</a>` </a>`
: html``}`, : html``}`,