fix: make modal use full height on mobile
This commit is contained in:
parent
18bb451f79
commit
93478a334b
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue