From 3525c03eaea481c02382635bb2ec83961d24b0e2 Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Thu, 15 Mar 2018 19:36:19 +0100
Subject: do some layout stuff

---
 src/pages/UploadCreate.vue | 10 +++++-----
 src/pages/UploadList.vue   |  4 +++-
 2 files changed, 8 insertions(+), 6 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/UploadCreate.vue b/src/pages/UploadCreate.vue
index 1c2506a..7c16bb6 100644
--- a/src/pages/UploadCreate.vue
+++ b/src/pages/UploadCreate.vue
@@ -1,6 +1,9 @@
 <template>
-  <div class="flex row">
-    <div class="col" v-if="authToken">
+  <div>
+    <h5 v-if="!authToken">
+      Please log in first
+    </h5>
+    <div v-else>
       <h5>Upload your own mod</h5>
       <q-stepper ref="stepper" style="max-width: 800px" alternative-labels>
         <q-step default name="data" title="Enter data" :error="errors.slug || errors.title || errors.description">
@@ -121,9 +124,6 @@
         <q-inner-loading :visible="saving" />
       </q-stepper>
     </div>
-    <div v-else>
-      Please log in first
-    </div>
   </div>
 </template>
 
diff --git a/src/pages/UploadList.vue b/src/pages/UploadList.vue
index 8aac81c..15b56f1 100644
--- a/src/pages/UploadList.vue
+++ b/src/pages/UploadList.vue
@@ -7,8 +7,10 @@
     </transition>
     <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-md col-lg-4 col-xl-5'">
       <q-table
+        class="light-bg"
         no-data-label="No mods available"
         row-key="name"
+        title="Available Mods"
         :data="uploads"
         :config="tableConfig"
         :columns="tableColumns"
@@ -44,7 +46,7 @@
       },
       visibleColumns () {
         let that = this
-        let removeOnSmall = ['description']
+        let removeOnSmall = ['description', 'action']
         return this.tableColumns.map(el => el.name).filter(el => that.showList || removeOnSmall.indexOf(el) === -1)
       },
     },
-- 
cgit v1.2.3-54-g00ecf