s416138/ClearBowl
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[CLEAR-58] Fix header

Browse Source
This commit is contained in:
Gabriela Pałka 2020-01-08 15:07:28 +01:00
parent a31e08f9c4
commit 68b3c5ebc4
1 changed files with 86 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
front/components/Layout/ClearBowlHeader.vue
View File

@ -1,13 +1,17 @@
<template>
<Header>
<Menu mode="horizontal" theme="dark" active-name="1">
<Row>
<Col span="8">
<NuxtLink to="/">
<div class="layout-logo">
<img class="logo" src="../../static/bowl.png"/>
<div class="logo-text">ClearBowl</div>
</div>
</NuxtLink>
<div v-if="!$auth.loggedIn" class="layout-nav">
</Col>
<Col span="8" offset="8">
<div v-if="!$auth.loggedIn" style="position: relative; float: right">
<NuxtLink to="/login">
<MenuItem name="login">
<Icon type="ios-log-in" size="20"/>
@ -21,17 +25,23 @@
</MenuItem>
</NuxtLink>
</div>
<div v-else class="layout-nav">
<div style="display: flex">
<div v-else>
<Row style="margin-bottom: 10px;">
<Col span="16" style="text-align: right">
<div>Witaj, {{ $auth.user.email }}</div>
</Col>
<Col span="8">
<MenuItem name="logout">
<div @click="logout">
<Icon type="ios-log-out" size="20"/>
<span>Wyloguj</span>
</div>
</MenuItem>
</Col>
</Row>
</div>
</div>
</Col>
</Row>
</Menu>
</Header>
</template>
@ -80,11 +90,11 @@
margin-left: 5px;
}
.layout-nav {
width: 320px;
margin: 0 auto;
margin-right: 20px;
}
/*.layout-nav {*/
/* width: 320px;*/
/* margin: 0 auto;*/
/* margin-right: 20px;*/
/*}*/
.ivu-menu-dark.ivu-menu-horizontal .ivu-menu-item, .ivu-menu-dark.ivu-menu-horizontal .ivu-menu-submenu {
color: black;