Merge pull request #17 from vedovelli/improvements

vedovelli · web-flow · commit 4c309ffa09c5 · 2016-11-29T20:52:16.000-02:00
Improvements
diff --git a/client/index.html b/client/index.html
@@ -5,6 +5,7 @@
     <title>Codecasts.com.br - SPA - Starter Kit</title>
   </head>
   <body>
+    <a href="https://github.com/codecasts/spa-starter-kit"><img style="position: absolute; top: 0; left: 0; border: 0; z-index: 2;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
diff --git a/client/src/Root.vue b/client/src/Root.vue
@@ -19,22 +19,11 @@ export default {
 <template>
   <div id="app">
     <cc-nav-bar v-show="shouldShowNavigation"></cc-nav-bar>
-    <cc-alerts></cc-alerts>
     <div class="container">
-      <transition name="fade">
-        <router-view></router-view>
-      </transition>
+      <cc-alerts></cc-alerts>
+      <router-view></router-view>
     </div>
   </div>
 </template>
 
 <style lang="sass" src="assets/sass/app.scss"></style>
-
-<style scoped>
-  .fade-enter-active, .fade-leave-active {
-    transition: opacity .5s ease;
-  }
-  .fade-enter, .fade-leave-active {
-    opacity: 0;
-  }
-</style>
diff --git a/client/src/app/dashboard/main.vue b/client/src/app/dashboard/main.vue
@@ -7,8 +7,15 @@
 
 <template>
   <div>
-      <blockquote>
-        A highly opinionated Single Page Application starter kit built on top of Vue.js and Laravel.
-      </blockquote>
+      <div class="text-center">
+        <img class="cover" src="http://vedovelli.com.br/spas.png" alt="Codecasts Single Page Application starter kit">
+        <h4>A highly opinionated Single Page Application starter kit built on top of Vue.js and Laravel.</h4>
+      </div>
   </div>
 </template>
+
+<style scoped>
+  .cover {
+    max-width: 800px;
+  }
+</style>
diff --git a/client/src/components/root/navbar.vue b/client/src/components/root/navbar.vue
@@ -25,7 +25,7 @@
   <div>
     <nav class="navbar navbar-default">
       <div class="container-fluid">
-        <div class="navbar-header">
+        <div class="navbar-header   spacer">
           <a class="navbar-brand" href="http://www.codecasts.com.br/">
             Codecasts.com.br
           </a>
@@ -42,7 +42,7 @@
           <div class="nav navbar-form navbar-right">
             <cc-spinner></cc-spinner>
             <span class="username">{{ user.name }}</span>
-            <button class="btn btn-default" @click="logout">Logout</button>
+            <button class="btn btn-default btn-sm" @click="logout">Logout</button>
           </div>
         </div>
       </div>
@@ -51,6 +51,9 @@
 </template>
 
 <style scoped>
+  .spacer {
+    margin-left: 120px;
+  }
   .username {
     padding: 6px 20px;
     border-radius: 20px;
