panel/baseui
1
0
Fork 0
Code Issues 8 Pull Requests Releases Wiki Activity

fix vue-plugin for eslint -> it doesn't like the html plugin, fix eslint errors

Browse Source
This commit is contained in:
Anton Schubert
2017-08-30 13:35:24 +02:00
parent 311e911523
commit 6cd58726c5
9 changed files with 237 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/components/topbar.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="topbar">
<div class="logo"><a href="#"><img src="assets/images/cms_logo.png" alt=""></a></div>
<div class="name">Meine Website</div>
<div class="topbar">
<div class="logo"><a href="#"><img src="assets/images/cms_logo.png" alt=""></a></div>
<div class="name">Meine Website</div>
<!-- User Profile -->
<div class="user_profile" ref="user_profile">
@@ -23,7 +23,7 @@
</ul>
</nav>
</div>
</div>
</div>
</template>
<script>
@@ -38,49 +38,49 @@ export default {
</script>
<style lang="less">
@import "../mixins.less";
@import "../mixins.less";
@barHeight: 40px;
@barHeight: 40px;
/*--------------------------------------------------------------
# Topbar (Sitename)
--------------------------------------------------------------*/
.topbar {
.clearfix();
position: fixed;
top: 0;
right: 0;
left: 0px;
background: @cms_bg_light;
color: white;
height: @barHeight;
z-index: 1500;
.topbar {
.clearfix();
position: fixed;
top: 0;
right: 0;
left: 0px;
background: @cms_bg_light;
color: white;
height: @barHeight;
z-index: 1500;
&>.logo {
display: block;
width: 70px;
height: @barHeight;
float: left;
position: relative;
&>.logo {
display: block;
width: 70px;
height: @barHeight;
float: left;
position: relative;
a {
display: block;
width: 100%;
height: 100%;
a {
display: block;
width: 100%;
height: 100%;
&:hover {
background: rgba(40,183,141,0.3);
}
}
}
img {
display: block;
img {
display: block;
width: 30px;
height: auto;
margin: 0 auto;
padding-top: 4px;
}
}
}
}
&>.name {
float: left;
@@ -107,7 +107,7 @@ export default {
// background: fade(@cms_brand_primary, 30%);
// }
// }
}
}
/*--------------------------------------------------------------
# Topbar (User Profile)