fix: make modal use full height on mobile

This commit is contained in:
Zephyrrus 2020-07-21 15:45:28 +03:00
parent 18bb451f79
commit 93478a334b
2 changed files with 11 additions and 6 deletions

View File

@ -148,12 +148,6 @@
</div>
</template>
</b-table>
<button
v-if="moreFiles"
class="button is-primary mt2"
@click="loadMoreFiles">
Load more
</button>
</div>
<b-modal class="imageinfo-modal" :active.sync="isAlbumsModalActive">
@ -495,4 +489,12 @@ div.actions {
i.mdi {
font-size: 16px;
}
.imageinfo-modal{
::v-deep .modal-content {
@media screen and (max-width: 768px) {
min-height: 100vh;
}
}
}
</style>

View File

@ -200,5 +200,8 @@ export default {
@media screen and (min-width: 769px) {
padding-right: 1.5rem;
}
@media screen and (max-width: 769px) {
padding-bottom: 3rem;
}
}
</style>