From f74540dcdc9812f4530a73b54f5c808b39d53a9d Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Sat, 3 Mar 2018 19:21:05 +0100
Subject: responsiveness layout adjustments

---
 src/layouts/default.vue  | 4 +++-
 src/pages/UploadList.vue | 8 ++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'src')

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'},
-- 
cgit v1.2.3-54-g00ecf