web: fix library display
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
88cf0b2cdc
commit
83abc20300
|
@ -15,6 +15,7 @@ import PFPage from "@patternfly/patternfly/components/Page/page.css";
|
||||||
import PFContent from "@patternfly/patternfly/components/Content/content.css";
|
import PFContent from "@patternfly/patternfly/components/Content/content.css";
|
||||||
import AKGlobal from "../authentik.css";
|
import AKGlobal from "../authentik.css";
|
||||||
import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";
|
import PFAvatar from "@patternfly/patternfly/components/Avatar/avatar.css";
|
||||||
|
import PFGallery from "@patternfly/patternfly/layouts/Gallery/gallery.css";
|
||||||
|
|
||||||
@customElement("ak-library-app")
|
@customElement("ak-library-app")
|
||||||
export class LibraryApplication extends LitElement {
|
export class LibraryApplication extends LitElement {
|
||||||
|
@ -22,13 +23,16 @@ export class LibraryApplication extends LitElement {
|
||||||
application?: Application;
|
application?: Application;
|
||||||
|
|
||||||
static get styles(): CSSResult[] {
|
static get styles(): CSSResult[] {
|
||||||
return [PFBase, PFCard, PFAvatar,
|
return [PFBase, PFCard, PFAvatar, AKGlobal,
|
||||||
css`
|
css`
|
||||||
a {
|
a {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
i.pf-icon {
|
i.pf-icon {
|
||||||
height: 36px;
|
height: 36px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.pf-c-avatar {
|
.pf-c-avatar {
|
||||||
--pf-c-avatar--BorderRadius: 0;
|
--pf-c-avatar--BorderRadius: 0;
|
||||||
|
@ -82,7 +86,7 @@ export class LibraryPage extends LitElement {
|
||||||
apps?: AKResponse<Application>;
|
apps?: AKResponse<Application>;
|
||||||
|
|
||||||
static get styles(): CSSResult[] {
|
static get styles(): CSSResult[] {
|
||||||
return [PFBase, PFEmptyState, PFTitle, PFPage, PFContent, AKGlobal].concat(css`
|
return [PFBase, PFEmptyState, PFTitle, PFPage, PFContent, PFGallery, AKGlobal].concat(css`
|
||||||
:host,
|
:host,
|
||||||
main {
|
main {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
Reference in a new issue