web: fix alignment issues in application list page
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
fea493f3a0
commit
e52390aa28
|
@ -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);
|
||||||
|
|
|
@ -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``}`,
|
||||||
|
|
Reference in New Issue