diff options
| author | Arne Schauf <git@asw.io> | 2018-03-03 19:21:05 +0100 |
|---|---|---|
| committer | Arne Schauf <git@asw.io> | 2018-03-03 19:21:05 +0100 |
| commit | f74540dcdc9812f4530a73b54f5c808b39d53a9d (patch) | |
| tree | 2e3536bba0fc9c04c90d539a9c5f68292d399059 | |
| parent | 287107ecd044fc924ac6d80b33e98297111a31ee (diff) | |
| download | parry-ui-f74540dcdc9812f4530a73b54f5c808b39d53a9d.tar.gz parry-ui-f74540dcdc9812f4530a73b54f5c808b39d53a9d.zip | |
responsiveness layout adjustments
| -rw-r--r-- | src/layouts/default.vue | 4 | ||||
| -rw-r--r-- | src/pages/UploadList.vue | 8 |
2 files changed, 7 insertions, 5 deletions
diff --git a/src/layouts/default.vue b/src/layouts/default.vue index 9276e0b..ffe9138 100644 --- a/src/layouts/default.vue +++ b/src/layouts/default.vue @@ -36,7 +36,9 @@ <q-page padding> <div class="flex row items-end reverse-wrap gutter"> <div class="col"> - <router-view></router-view> + <transition name="fadeIn"> + <router-view></router-view> + </transition> </div> <div class="col-auto" v-if="!$store.getters['user/loggedIn']"> <api-auth></api-auth> diff --git a/src/pages/UploadList.vue b/src/pages/UploadList.vue index 76f1e0c..ee1723b 100644 --- a/src/pages/UploadList.vue +++ b/src/pages/UploadList.vue @@ -1,11 +1,11 @@ <template> <div class="flex row no-wrap gutter-lg"> - <transition appear name="grow-fade"> - <div v-if="!showList" class="col-sm-12 col-md-6 col-lg-8"> + <transition name="grow-fade"> + <div v-if="!showList" class="col-sm-12 col-lg-8 col-xl-7"> <router-view></router-view> </div> </transition> - <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-sm col-md-6 col-lg-4'"> + <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-md col-lg-4 col-xl-5'"> <q-table no-data-label="No mods available" row-key="name" @@ -84,7 +84,7 @@ name: 'description', label: 'Description', field: 'description', - format: el => typeof el === 'string' && el.length > 150 ? el.slice(0, 150) + '...' : el, + format: el => typeof el === 'string' && el.length > 50 ? el.slice(0, 50) + '...' : el, }, {name: 'author', label: 'Author', field: row => row.author.username}, {name: 'voting', label: 'Voting', field: 'voting'}, |