Ion-toolbar inside ModalPage error

Good afternoon dear community, I am making the bottom edge of a toolbar have a small radius, this works perfectly on a normal page, but when trying to do it within a page that opens as Modal it does not work, I attach the images


the code I use to put the background on both pages is as follows:

:host {
    ion-content {
      --background: url('../../assets/images/app/bg.png') no-repeat center center / cover;

ion-content {
    --background: none;
    background: url('../../assets/images/app/bg.png') no-repeat center center / cover;//no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    display: flex!important;
    align-content: center!important;
    align-items: center!important;

Hope you can guide me with that problem

Styling for modals must be put at the global level, as they do not belong to any given page in the DOM.

1 Like

Yes, I already read just that, but the problem was that I had forgotten to put [fullscreen] = “true” in the ion-content
Thank you very much for your reply!