local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Navbar improvments

Browse source
This commit is contained in:
konrad 2018-09-09 17:33:24 +02:00
parent f556295ba3
commit 3f05879b1a
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 19 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/App.vue
View file

@ -1,34 +1,26 @@
<template> <template>
<div id="app" class="container"> <div id="app" class="container">
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation" v-if="user.authenticated">
<div class="navbar-menu"> <div class="navbar-menu">
<div class="navbar-brand"> <div class="navbar-brand">
<div class="navbar-item logo"> <div class="navbar-item logo">
<img src="logo-full.svg"/> <img src="logo-full.svg"/>
</div>
</div>
<div class="navbar-end">
<span class="navbar-item">{{user.infos.username}}</span>
<span class="navbar-item image">
<img :src="gravatar()" class="is-rounded" alt=""/>
</span>
<a v-on:click="logout()" class="navbar-item is-right logout-icon">
<span class="icon is-medium">
<icon icon="sign-out-alt" size="2x"/>
</span>
</a>
</div> </div>
</div> </div>
<div class="navbar-end">
<span class="navbar-item">{{user.infos.username}}</span>
<span class="navbar-item image">
<img :src="gravatar()" class="is-rounded" alt=""/>
</span>
<a v-on:click="logout()" class="navbar-item is-right logout-icon">
<span class="icon is-medium">
<icon icon="sign-out-alt" size="2x"/>
</span>
</a>
</div>
</div>
</nav> </nav>
<div class="columns" v-if="user.authenticated">
<div class="column">
</div>
<div class="column is-2 is-right has-text-right">
</div>
</div>
<div class="column is-centered"> <div class="column is-centered">
<div class="box" v-if="user.authenticated"> <div class="box" v-if="user.authenticated">
<div class="container"> <div class="container">
@ -221,6 +213,7 @@
/* Navbar */ /* Navbar */
.navbar{ .navbar{
background: none !important; background: none !important;
padding-top: 0.5rem;
} }
.logo { .logo {