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/layouts/default.vue | 51 +++++++++++++++++++++++++++++++------------------
 1 file changed, 32 insertions(+), 19 deletions(-)

(limited to 'src/layouts/default.vue')

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 84db2c1..fdb0022 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -1,35 +1,32 @@
 <template>
   <q-layout view="lHh Lpr lFf">
     <q-layout-header>
-      <q-toolbar color="primary" glossy>
-
+      <q-toolbar>
         <q-toolbar-title>
           Larry UI
           <div slot="subtitle">Official source of mods for OpenClonk</div>
         </q-toolbar-title>
 
-        <q-toolbar-title v-if="$store.getters['user/loggedIn']">
-          Hi {{ $store.state.user.decodedToken.username }}
-        </q-toolbar-title>
+        <q-tabs>
+          <q-route-tab slot="title"
+                       icon="fa-list"
+                       :to="{name: 'upload-list'}"
+                       replace
+                       hide="icon"
+                       label="Browse mods" />
+
+          <q-route-tab slot="title"
+                       icon="fa-upload"
+                       :to="{name: 'upload-create'}"
+                       replace hide="icon"
+                       label="Upload mod" />
+        </q-tabs>
+
         <q-btn flat icon="fa-sign-out" v-if="$store.getters['user/loggedIn']" @click="$store.commit('user/logout')">
           Logout
         </q-btn>
       </q-toolbar>
 
-      <q-tabs>
-        <q-route-tab slot="title"
-                     icon="fa-list"
-                     :to="{name: 'upload-list'}"
-                     replace
-                     hide="icon"
-                     label="Browse mods" />
-
-        <q-route-tab slot="title"
-                     icon="fa-upload"
-                     :to="{name: 'upload-create'}"
-                     replace hide="icon"
-                     label="Upload mod" />
-      </q-tabs>
     </q-layout-header>
 
     <q-page-container>
@@ -71,6 +68,22 @@
 </script>
 
 <style>
+  body {
+    background: white url('/assets/bodybg.jpg') no-repeat fixed;
+  }
+
+  .q-layout-header .q-toolbar {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+
+  .q-layout-header .q-tabs-head {
+    background-color: transparent;
+  }
+
+  .light-bg, .q-card, .q-stepper {
+    background-color: rgba(255, 255, 255, 0.8);
+  }
+
   .indent {
     margin-left: 1rem;
   }
-- 
cgit v1.2.3-54-g00ecf