From 19255fa91f125b31dad49ea07c8d857f575c4e73 Mon Sep 17 00:00:00 2001
From: serlus <serluscasas@gmail.com>
Date: Wed, 24 Nov 2021 01:32:59 -0300
Subject: [PATCH] troca do icon VUE por Fullstack e modelo do navbar

---
 src/components/TheAppBar.vue | 59 ++++++++++++++++++------------------
 src/pages/news/Home.vue      |  4 +--
 2 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/src/components/TheAppBar.vue b/src/components/TheAppBar.vue
index 6bcf6ae..8fedbff 100644
--- a/src/components/TheAppBar.vue
+++ b/src/components/TheAppBar.vue
@@ -1,36 +1,35 @@
 <template>
-  <v-app-bar app color="primary" dark>
-    <div class="d-flex align-center">
-      <v-img
-        alt="Vuetify Logo"
-        class="shrink mr-2"
-        contain
-        src="https://cdn.vuetifyjs.com/images/logos/vuetify-logo-dark.png"
-        transition="scale-transition"
-        width="40"
-      />
-
-      <v-img
-        alt="Vuetify Name"
-        class="shrink mt-1 hidden-sm-and-down"
-        contain
-        min-width="100"
-        src="https://cdn.vuetifyjs.com/images/logos/vuetify-name-dark.png"
-        width="100"
-      />
-    </div>
+  <div>
+    <v-toolbar
+      dark
+      prominent
+      src="https://www.eluniversohoy.net/wp-content/uploads/2017/02/Brian-Emfinger-IMG_1830_1488026678.jpg"
+    >
+      <v-app-bar-nav-icon></v-app-bar-nav-icon>
+      <div class="d-flex align-center">
+        <v-img
+          alt="FullStack Logo"
+          class="shrink mr-2"
+          contain
+          src="https://www.bytelion.com/wp-content/uploads/2016/09/full_stack.png"
+          transition="scale-transition"
+          width="40"
+        />
+      </div>
+      <v-toolbar-title>Confraria News</v-toolbar-title>
 
-    <v-spacer></v-spacer>
+      <v-spacer></v-spacer>
 
-    <v-btn
-      href="https://github.com/confraria-devpro/hackernews-clone"
-      target="_blank"
-      text
-    >
-      <span class="mr-2">confrarianews Github</span>
-      <v-icon>fab fa-github</v-icon>
-    </v-btn>
-  </v-app-bar>
+      <v-btn
+        href="https://github.com/confraria-devpro/hackernews-clone"
+        target="_blank"
+        text
+      >
+        <span class="mr-2">confrarianews Github</span>
+        <v-icon>fab fa-github</v-icon>
+      </v-btn>
+    </v-toolbar>
+  </div>
 </template>
 
 <script>
diff --git a/src/pages/news/Home.vue b/src/pages/news/Home.vue
index 53a4c3d..9b90738 100644
--- a/src/pages/news/Home.vue
+++ b/src/pages/news/Home.vue
@@ -13,10 +13,10 @@
     <v-btn
       color="red"
       dark
-      elevation="2"
+      elevation="1"
       absolute
       x-large
-      top
+      bottom
       right
       fab
       @click="showCreateNewsDialog = true"