eliott/authentik
1
0
Fork 0
mirror of https://github.com/goauthentik/authentik synced 2026-04-26 01:25:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

web: fix styling for modals, ensure correct classes are used

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-12-25 20:30:35 +01:00
parent 74eba04735
commit f93f7e635b
11 changed files with 36 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/elements/forms/DeleteBulkForm.ts
View File

@@ -177,12 +177,12 @@ export class DeleteBulkForm extends ModalButton {
}
renderModalInner(): TemplateResult {
return html`<section class="pf-c-page__main-section pf-m-light">
return html`<section class="pf-c-modal-box__header pf-c-page__main-section">
<div class="pf-c-content">
<h1 class="pf-c-title pf-m-2xl">${t`Delete ${this.objectLabel}`}</h1>
</div>
</section>
<section class="pf-c-page__main-section pf-m-light">
<section class="pf-c-modal-box__body pf-c-page__main-section">
<form class="pf-c-form pf-m-horizontal">
<p class="pf-c-title">
${t`Are you sure you want to delete ${this.objects.length} ${this.objectLabel}?`}
@@ -190,7 +190,7 @@ export class DeleteBulkForm extends ModalButton {
<slot name="notice"></slot>
</form>
</section>
<section class="pf-c-page__main-section">
<section class="pf-c-modal-box__body pf-c-page__main-section">
<ak-delete-objects-table
.objects=${this.objects}
.usedBy=${this.usedBy}