web/user: fix user settings elements not being in cards (#6608)
this broke some theming on the light theme Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
parent
4130869435
commit
1f5932d65b
|
@ -116,43 +116,63 @@ export class UserSettingsPage extends AKElement {
|
||||||
data-tab-title="${msg("Sessions")}"
|
data-tab-title="${msg("Sessions")}"
|
||||||
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
||||||
>
|
>
|
||||||
<ak-user-session-list
|
<div class="pf-c-card">
|
||||||
targetUser=${ifDefined(
|
<div class="pf-c-card__body">
|
||||||
rootInterface<UserInterface>()?.me?.user.username,
|
<ak-user-session-list
|
||||||
)}
|
targetUser=${ifDefined(
|
||||||
></ak-user-session-list>
|
rootInterface<UserInterface>()?.me?.user.username,
|
||||||
|
)}
|
||||||
|
></ak-user-session-list>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section
|
||||||
slot="page-consents"
|
slot="page-consents"
|
||||||
data-tab-title="${msg("Consent")}"
|
data-tab-title="${msg("Consent")}"
|
||||||
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
||||||
>
|
>
|
||||||
<ak-user-consent-list
|
<div class="pf-c-card">
|
||||||
userId=${ifDefined(rootInterface<UserInterface>()?.me?.user.pk)}
|
<div class="pf-c-card__body">
|
||||||
></ak-user-consent-list>
|
<ak-user-consent-list
|
||||||
|
userId=${ifDefined(rootInterface<UserInterface>()?.me?.user.pk)}
|
||||||
|
></ak-user-consent-list>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section
|
||||||
slot="page-mfa"
|
slot="page-mfa"
|
||||||
data-tab-title="${msg("MFA Devices")}"
|
data-tab-title="${msg("MFA Devices")}"
|
||||||
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
||||||
>
|
>
|
||||||
<ak-user-settings-mfa
|
<div class="pf-c-card">
|
||||||
.userSettings=${this.userSettings}
|
<div class="pf-c-card__body">
|
||||||
></ak-user-settings-mfa>
|
<ak-user-settings-mfa
|
||||||
|
.userSettings=${this.userSettings}
|
||||||
|
></ak-user-settings-mfa>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section
|
||||||
slot="page-sources"
|
slot="page-sources"
|
||||||
data-tab-title="${msg("Connected services")}"
|
data-tab-title="${msg("Connected services")}"
|
||||||
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
||||||
>
|
>
|
||||||
<ak-user-settings-source></ak-user-settings-source>
|
<div class="pf-c-card">
|
||||||
|
<div class="pf-c-card__body">
|
||||||
|
<ak-user-settings-source></ak-user-settings-source>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section
|
<section
|
||||||
slot="page-tokens"
|
slot="page-tokens"
|
||||||
data-tab-title="${msg("Tokens and App passwords")}"
|
data-tab-title="${msg("Tokens and App passwords")}"
|
||||||
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
class="pf-c-page__main-section pf-m-no-padding-mobile"
|
||||||
>
|
>
|
||||||
<ak-user-token-list></ak-user-token-list>
|
<div class="pf-c-card">
|
||||||
|
<div class="pf-c-card__body">
|
||||||
|
<ak-user-token-list></ak-user-token-list>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</ak-tabs>
|
</ak-tabs>
|
||||||
</main>
|
</main>
|
||||||
|
|
Reference in New Issue