diff options
| author | Arne Schauf <git@asw.io> | 2018-03-03 19:11:16 +0100 |
|---|---|---|
| committer | Arne Schauf <git@asw.io> | 2018-03-03 19:11:16 +0100 |
| commit | 287107ecd044fc924ac6d80b33e98297111a31ee (patch) | |
| tree | cbc8beadb3651e00e2a3eca78c58d1ae8d2d4098 /src/pages | |
| parent | 351c4b24387c9d7198cb79f5595f963608e17ded (diff) | |
| download | parry-ui-287107ecd044fc924ac6d80b33e98297111a31ee.tar.gz parry-ui-287107ecd044fc924ac6d80b33e98297111a31ee.zip | |
another change of the layout
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/UploadDetail.vue | 12 | ||||
| -rw-r--r-- | src/pages/UploadList.vue | 13 |
2 files changed, 13 insertions, 12 deletions
diff --git a/src/pages/UploadDetail.vue b/src/pages/UploadDetail.vue index 4967283..53de013 100644 --- a/src/pages/UploadDetail.vue +++ b/src/pages/UploadDetail.vue @@ -1,15 +1,17 @@ <template> <div> - <p class="text-right"> - <q-btn @click="$router.push({name: 'upload-list'})" outline icon-right="fa-times" label="Close" /> - </p> <div v-if="upload"> <q-card> <q-card-media v-if="upload.pic" overlay-position="top"> <q-card-title slot="overlay"> {{ upload.title }} - <span slot="subtitle">by {{ upload.author.username }}</span> - <span slot="right" class="text-white" style="margin-left: 3rem">updated {{ upload.updatedAt | moment("from") }}</span> + <span slot="subtitle"> + by {{ upload.author.username }}, + updated {{ upload.updatedAt | moment("from") }} + </span> + <span slot="right" class="text-white" style="margin-left: 3rem"> + <q-btn @click="$router.push({name: 'upload-list'})" flat round icon="fa-times" color="negative"/> + </span> </q-card-title> <img :src="`${$http.defaults.baseURL}/media/${upload.pic._id}`"> </q-card-media> diff --git a/src/pages/UploadList.vue b/src/pages/UploadList.vue index 8b54b85..76f1e0c 100644 --- a/src/pages/UploadList.vue +++ b/src/pages/UploadList.vue @@ -1,7 +1,11 @@ <template> <div class="flex row no-wrap gutter-lg"> - <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-sm col-md-6'"> - <h4>Available Mods</h4> + <transition appear name="grow-fade"> + <div v-if="!showList" class="col-sm-12 col-md-6 col-lg-8"> + <router-view></router-view> + </div> + </transition> + <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-sm col-md-6 col-lg-4'"> <q-table no-data-label="No mods available" row-key="name" @@ -31,11 +35,6 @@ </q-td> </q-table> </div> - <transition appear name="grow-fade"> - <div v-if="!showList" class="col-sm-12 col-md-6"> - <router-view></router-view> - </div> - </transition> </div> </template> |