diff options
| author | Zephyrrus <[email protected]> | 2020-07-21 15:45:28 +0300 |
|---|---|---|
| committer | Zephyrrus <[email protected]> | 2020-07-21 15:45:28 +0300 |
| commit | 93478a334b526703797cd3d759a70c18e6c6bb5a (patch) | |
| tree | 6163ccc26491070f8b2a52632ad8e8d2cec5876a /src | |
| parent | feat: implement all-in-one file detail viewer, tag editor and album selection... (diff) | |
| download | host.fuwn.me-93478a334b526703797cd3d759a70c18e6c6bb5a.tar.xz host.fuwn.me-93478a334b526703797cd3d759a70c18e6c6bb5a.zip | |
fix: make modal use full height on mobile
Diffstat (limited to 'src')
| -rw-r--r-- | src/site/components/grid/Grid.vue | 14 | ||||
| -rw-r--r-- | src/site/components/image-modal/ImageInfo.vue | 3 |
2 files changed, 11 insertions, 6 deletions
diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue index d29160f..7170709 100644 --- a/src/site/components/grid/Grid.vue +++ b/src/site/components/grid/Grid.vue @@ -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> diff --git a/src/site/components/image-modal/ImageInfo.vue b/src/site/components/image-modal/ImageInfo.vue index c3f0041..485a8aa 100644 --- a/src/site/components/image-modal/ImageInfo.vue +++ b/src/site/components/image-modal/ImageInfo.vue @@ -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> |