Browse Source

Fixed style error.

pull/9/head
ruibaby 6 years ago
parent
commit
621e7918be
  1. 9
      src/components/Menu/SideMenu.vue
  2. 29
      src/components/Tools/Logo.vue
  3. 40
      src/components/Tools/SideProfile.vue
  4. 8
      src/components/global.less
  5. 8
      src/views/interface/ThemeList.vue
  6. 6
      src/views/page/internal/LinkList.vue

9
src/components/Menu/SideMenu.vue

@ -4,17 +4,18 @@
width="256px"
:collapsible="collapsible"
v-model="collapsed"
:trigger="null">
<logo />
:trigger="null"
>
<logo/>
<s-menu
:collapsed="collapsed"
:menu="menus"
:theme="theme"
:mode="mode"
@select="onSelect"
style="padding: 16px 0px;"></s-menu>
style="padding: 16px 0px;"
></s-menu>
</a-layout-sider>
</template>
<script>

29
src/components/Tools/Logo.vue

@ -1,31 +1,20 @@
<template>
<div class="logo">
<router-link :to="{ name:'Dashboard' }">
<LogoSvg alt="logo" />
<h1 v-if="showTitle">{{ title }}</h1>
<h1 class="logo-title">Halo</h1>
<h1 class="logo-sub-title">Dashboard</h1>
</router-link>
</div>
</template>
<script>
import LogoSvg from '@/assets/logo.svg?inline'
export default {
name: 'Logo',
components: {
LogoSvg
},
props: {
title: {
type: String,
default: 'Halo Dashboard',
required: false
},
showTitle: {
type: Boolean,
default: true,
required: false
}
}
name: 'Logo'
}
</script>
<style scope>
.logo-sub-title{
padding-left: 10px;
}
</style>

40
src/components/Tools/SideProfile.vue

@ -0,0 +1,40 @@
<template>
<div class="side-profile">
<router-link :to="{ name:'Dashboard' }">
<a-avatar class="avatar" size="large" src="https://gravatar.loli.net/avatar/?s=256&d=mm"/>
</router-link>
</div>
</template>
<script>
export default {
name: 'SideProfile',
props: {
title: {
type: String,
default: 'Halo Dashboard',
required: false
},
showTitle: {
type: Boolean,
default: true,
required: false
}
}
}
</script>
<style scope>
.sider .side-profile {
left: 0;
width: 100%;
height: 72px;
line-height: 72px;
padding-left: 24px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
z-index: 9;
}
</style>

8
src/components/global.less

@ -279,8 +279,8 @@ body {
display: inline-block;
vertical-align: top;
font-size: 16px;
margin: 0 0 0 12px;
font-weight: 400;
margin: 0;
font-weight: 600;
}
}
}
@ -369,12 +369,12 @@ body {
.logo {
position: absolute;
text-align: center;
top: 0;
left: 0;
width: 100%;
height: 64px;
line-height: 64px;
padding-left: 24px;
-webkit-transition: all .3s;
transition: all .3s;
background: #002140;
@ -394,7 +394,7 @@ body {
h1 {
color: #fff;
font-size: 20px;
margin: 0 0 0 12px;
margin: 0;
font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
font-weight: 600;
vertical-align: middle;

8
src/views/interface/ThemeList.vue

@ -105,19 +105,19 @@
:loading="optionLoading"
:paragraph="{rows: 10}"
>
<a-card hoverable>
<a-card :bordered="false">
<img
:alt="themeProperty.name"
:src="themeProperty.screenshots"
slot="cover"
/>
<a-card-meta
:title="themeProperty.name"
:title="themeProperty.author.name"
:description="themeProperty.description"
>
<a-avatar
v-if="themeProperty.author.avatar"
:src="themeProperty.author.avatar"
v-if="themeProperty.logo"
:src="themeProperty.logo"
size="large"
slot="avatar"
/>

6
src/views/page/internal/LinkList.vue

@ -82,7 +82,7 @@
>{{ text }}</a>
</template>
<ellipsis
:length="30"
:length="15"
tooltip
slot="name"
slot-scope="text"
@ -130,10 +130,6 @@ const columns = [
title: '分组',
dataIndex: 'team'
},
{
title: '描述',
dataIndex: 'description'
},
{
title: '操作',
key: 'action',

Loading…
Cancel
Save