habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions 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

4
web/src/elements/forms/ModalForm.ts
View File

@ -58,14 +58,14 @@ export class ModalForm extends ModalButton {
return html`${this.loading
? html`<ak-loading-overlay ?topMost=${true}></ak-loading-overlay>`
: html``}
<section class="pf-c-page__main-section pf-m-light">
<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">
<slot name="header"></slot>
</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">
<slot name="form"></slot>
</section>
<footer class="pf-c-modal-box__footer">