zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refine style

This commit is contained in:
Pan 2018-09-06 17:09:35 +08:00
parent 14e693339c
commit c2cc31ad2c
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/layout/components/AppMain.vue
View File

@ -26,6 +26,7 @@ export default {
.app-main { .app-main {
/*84 = navbar + tags-view = 50 +34 */ /*84 = navbar + tags-view = 50 +34 */
min-height: calc(100vh - 84px); min-height: calc(100vh - 84px);
width: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }

31
src/views/layout/components/Navbar.vue
View File

@ -1,25 +1,27 @@
<template> <template>
<el-menu class="navbar" mode="horizontal"> <div class="navbar">
<hamburger :toggle-click="toggleSideBar" :is-active="sidebar.opened" class="hamburger-container"/> <hamburger :toggle-click="toggleSideBar" :is-active="sidebar.opened" class="hamburger-container"/>
<breadcrumb class="breadcrumb-container"/> <breadcrumb class="breadcrumb-container"/>
<div class="right-menu"> <div class="right-menu">
<error-log class="errLog-container right-menu-item"/> <template v-if="device!=='mobile'">
<error-log class="errLog-container right-menu-item"/>
<el-tooltip :content="$t('navbar.screenfull')" effect="dark" placement="bottom"> <el-tooltip :content="$t('navbar.screenfull')" effect="dark" placement="bottom">
<screenfull class="screenfull right-menu-item"/> <screenfull class="screenfull right-menu-item"/>
</el-tooltip> </el-tooltip>
<el-tooltip :content="$t('navbar.size')" effect="dark" placement="bottom"> <el-tooltip :content="$t('navbar.size')" effect="dark" placement="bottom">
<size-select class="international right-menu-item"/> <size-select class="international right-menu-item"/>
</el-tooltip> </el-tooltip>
<lang-select class="international right-menu-item"/> <lang-select class="international right-menu-item"/>
<el-tooltip :content="$t('navbar.theme')" effect="dark" placement="bottom"> <el-tooltip :content="$t('navbar.theme')" effect="dark" placement="bottom">
<theme-picker class="theme-switch right-menu-item"/> <theme-picker class="theme-switch right-menu-item"/>
</el-tooltip> </el-tooltip>
</template>
<el-dropdown class="avatar-container right-menu-item" trigger="click"> <el-dropdown class="avatar-container right-menu-item" trigger="click">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
@ -43,7 +45,7 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
</el-menu> </div>
</template> </template>
<script> <script>
@ -70,7 +72,8 @@ export default {
...mapGetters([ ...mapGetters([
'sidebar', 'sidebar',
'name', 'name',
'avatar' 'avatar',
'device'
]) ])
}, },
methods: { methods: {