tweaks for fullscreen modal

This commit is contained in:
Alex Martzios 2022-06-27 13:22:24 +03:00
parent 67211e78c6
commit cffe3053ce
2 changed files with 4 additions and 4 deletions

View File

@ -102,7 +102,7 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
</div> </div>
</div> </div>
<fs-modal #fsModal> <fs-modal #fsModal>
<div class="uk-height-1-1 uk-padding uk-flex uk-flex-column uk-flex-middle uk-flex-center"> <div class="uk-height-viewport uk-padding uk-flex uk-flex-column uk-flex-middle uk-flex-center">
<div class="title uk-h2 uk-margin-large-bottom"> <div class="title uk-h2 uk-margin-large-bottom">
Find the appropriate repository. Find the appropriate repository.
</div> </div>

View File

@ -7,13 +7,13 @@ declare var UIkit;
selector: 'fs-modal', selector: 'fs-modal',
template: ` template: `
<div #modal_full class="uk-modal-full" uk-modal> <div #modal_full class="uk-modal-full" uk-modal>
<div class="uk-modal-dialog uk-height-1-1"> <div class="uk-modal-dialog">
<button class="uk-modal-close-full uk-close-large uk-margin-medium-top uk-margin-medium-right" type="button" uk-close></button> <button class="uk-modal-close-full uk-close-large uk-margin-medium-top uk-margin-medium-right" type="button" uk-close></button>
<div class="uk-height-1-1"> <div class="">
<div class="header"> <div class="header">
<ng-content select="[actions]"></ng-content> <ng-content select="[actions]"></ng-content>
</div> </div>
<div class="content uk-height-1-1"> <div class="content">
<ng-content></ng-content> <ng-content></ng-content>
</div> </div>
</div> </div>