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:
Jens L 2023-08-23 19:24:21 +02:00 committed by GitHub
parent 4130869435
commit 1f5932d65b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 13 deletions

View File

@ -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>