|
@@ -6,7 +6,7 @@
|
|
|
<h1 v-else class="sidebar-title">{{ title }}</h1>
|
|
|
</router-link>
|
|
|
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
|
|
- <img v-if="logoExpand" :src="logoExpand" class="sidebar-logo2" />
|
|
|
+ <img v-if="logoExpand" :src="logoExpand" class="sidebar-logo5" />
|
|
|
<h1 class="sidebar-title">{{ title }}</h1>
|
|
|
</router-link>
|
|
|
</transition>
|
|
@@ -24,9 +24,9 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- title: 'Vue Admin Template',
|
|
|
- logoCollapse: require('../../../assets/images/logo3.png'),
|
|
|
- logoExpand: require('../../../assets/images/logo2.png')
|
|
|
+ title: '',
|
|
|
+ logoCollapse: require('../../../assets/images/logo5.png'),
|
|
|
+ logoExpand: require('../../../assets/images/logo5.png')
|
|
|
};
|
|
|
},
|
|
|
};
|
|
@@ -45,10 +45,11 @@ export default {
|
|
|
.sidebar-logo-container {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
+ height: 88px;
|
|
|
+ line-height: 88px;
|
|
|
text-align: center;
|
|
|
overflow: hidden;
|
|
|
+ border-bottom: 1px solid #b7b7b7;
|
|
|
|
|
|
& .sidebar-logo-link {
|
|
|
height: 100%;
|
|
@@ -58,7 +59,7 @@ export default {
|
|
|
width: 32px;
|
|
|
height: 32px;
|
|
|
vertical-align: middle;
|
|
|
- margin-right: 12px;
|
|
|
+ border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
& .sidebar-logo2 {
|
|
@@ -67,7 +68,12 @@ export default {
|
|
|
vertical-align: middle;
|
|
|
margin-right: 12px;
|
|
|
}
|
|
|
-
|
|
|
+ & .sidebar-logo5 {
|
|
|
+ width: 68px;
|
|
|
+ height: 68px;
|
|
|
+ border-radius: 50%;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
& .sidebar-title {
|
|
|
display: inline-block;
|
|
|
margin: 0;
|
|
@@ -83,6 +89,7 @@ export default {
|
|
|
&.collapse {
|
|
|
.sidebar-logo {
|
|
|
margin-right: 0px;
|
|
|
+ border-radius: 50%;
|
|
|
}
|
|
|
}
|
|
|
}
|