Change from iview to vuetify

2019-01-21 20:58:25 +01:00
parent 54d8310464
commit ab14a88bdd
8 changed files with 71 additions and 128 deletions
@@ -1,27 +1,29 @@
 <template>
-  <main>
-    <Layout class="layout">
-      <Menu theme="light" mode="horizontal">
-        <MenuItem v-if="!hasUser" name="user">
-          <span @click="() => { doLogin(); }">Login</span>
-        </MenuItem>
-        <Submenu v-if="hasUser" name="user">
-          <template slot="title">
-            <Avatar :src="user.picture" />
-            {{ user.name }}
-          </template>
-          <nuxt-link to="/logout/">
-            <DropdownItem>
-              Log out
-            </DropdownItem>
-          </nuxt-link>
-        </Submenu>
-      </Menu>
-      <Content>
+  <v-app>
+    <!--<v-navigation-drawer app></v-navigation-drawer>-->
+    <v-toolbar app>
+      <v-toolbar-title>
+        <span v-if="!hasUser"><span @click="() => { doLogin(); }">Login</span></span>
+        <v-menu v-if="hasUser" offset-y >
+          <v-btn flat slot="activator" color="primary">
+            <v-avatar size="24"><img :src="user.picture"></v-avatar>&nbsp;{{ user.name }}
+          </v-btn>
+          <v-list>
+            <v-list-tile>
+              <v-list-tile-title flat><nuxt-link to="/logout/">Logga ut</nuxt-link></v-list-tile-title>
+            </v-list-tile>
+          </v-list>
+        </v-menu>
+      </v-toolbar-title>
+      <v-spacer></v-spacer>
+    </v-toolbar>
+    <v-content>
+      <v-container fluid>
        <nuxt />
-      </Content>
-    </Layout>
-  </main>
+      </v-container>
+    </v-content>
+    <v-footer app></v-footer>
+  </v-app>
 </template>

 <style lang="scss">