diff options
| author | Kana <[email protected]> | 2020-12-24 21:41:24 +0900 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-12-24 21:41:24 +0900 |
| commit | 2412a60bd4cb2364a477a3af79a8c6dcb6b0ddab (patch) | |
| tree | dbf2b2cad342f31849a62089dedd40165758af86 /src/site/pages/a/_identifier.vue | |
| parent | Enable deleting files with the API key (diff) | |
| parent | bug: fix showlist resetting itself every time the page is changed (diff) | |
| download | host.fuwn.me-2412a60bd4cb2364a477a3af79a8c6dcb6b0ddab.tar.xz host.fuwn.me-2412a60bd4cb2364a477a3af79a8c6dcb6b0ddab.zip | |
Merge pull request #228 from Zephyrrus/begone_trailing_commas
Merge own dev branch into main dev branch
Diffstat (limited to 'src/site/pages/a/_identifier.vue')
| -rw-r--r-- | src/site/pages/a/_identifier.vue | 46 |
1 files changed, 26 insertions, 20 deletions
diff --git a/src/site/pages/a/_identifier.vue b/src/site/pages/a/_identifier.vue index ea36852..0c6261a 100644 --- a/src/site/pages/a/_identifier.vue +++ b/src/site/pages/a/_identifier.vue @@ -16,42 +16,48 @@ </style> <template> - <section class="hero is-fullheight"> + <section class="section is-fullheight"> <template v-if="files && files.length"> - <div class="hero-body align-top"> + <div class="align-top"> <div class="container"> - <h1 class="title">{{ name }}</h1> - <h2 class="subtitle">Serving {{ files ? files.length : 0 }} files</h2> - <a v-if="downloadLink" + <h1 class="title"> + {{ name }} + </h1> + <h2 class="subtitle"> + Serving {{ files ? files.length : 0 }} files + </h2> + <a + v-if="downloadLink" :href="downloadLink">Download Album</a> <hr> </div> </div> - <div class="hero-body"> - <div class="container"> - <Grid v-if="files && files.length" - :files="files" - :isPublic="true" - :width="200" - :enableSearch="false" - :enableToolbar="false" /> - </div> + <div class="container"> + <Grid + v-if="files && files.length" + :files="files" + :isPublic="true" + :width="200" + :enableSearch="false" + :enableToolbar="false" /> </div> </template> <template v-else> - <div class="hero-body"> - <div class="container"> - <h1 class="title">:(</h1> - <h2 class="subtitle">This album seems to be empty</h2> - </div> + <div class="container"> + <h1 class="title"> + :( + </h1> + <h2 class="subtitle"> + This album seems to be empty + </h2> </div> </template> </section> </template> <script> -import Grid from '~/components/grid/Grid.vue'; import axios from 'axios'; +import Grid from '~/components/grid/Grid.vue'; export default { components: { Grid }, |