web: minor design tweaks (#14803)
* fix spacing between header and page desc Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fix icon alignment Signed-off-by: Jens Langhammer <jens@goauthentik.io> * fallback text when we dont have a user yet Signed-off-by: Jens Langhammer <jens@goauthentik.io> --------- Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
@ -86,7 +86,7 @@ export class AdminOverviewPage extends AdminOverviewBase {
|
|||||||
const username = this.user?.user.name || this.user?.user.username;
|
const username = this.user?.user.name || this.user?.user.username;
|
||||||
|
|
||||||
return html`<ak-page-header
|
return html`<ak-page-header
|
||||||
header=${msg(str`Welcome, ${username || ""}.`)}
|
header=${this.user ? msg(str`Welcome, ${username || ""}.`) : msg("Welcome.")}
|
||||||
description=${msg("General system status")}
|
description=${msg("General system status")}
|
||||||
?hasIcon=${false}
|
?hasIcon=${false}
|
||||||
>
|
>
|
||||||
|
|||||||
@ -147,7 +147,7 @@ export class AKPageNavbar
|
|||||||
}
|
}
|
||||||
|
|
||||||
.accent-icon {
|
.accent-icon {
|
||||||
height: 1em;
|
height: 1.2em;
|
||||||
width: 1em;
|
width: 1em;
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
@ -157,6 +157,7 @@ export class AKPageNavbar
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.page-description {
|
&.page-description {
|
||||||
|
padding-top: 0.3em;
|
||||||
grid-area: description;
|
grid-area: description;
|
||||||
margin-block-end: var(--pf-global--spacer--md);
|
margin-block-end: var(--pf-global--spacer--md);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user