mirror of https://github.com/halo-dev/halo-admin
Fixed style error.
parent
ad678283c9
commit
621e7918be
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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;
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
|
|
|
@ -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…
Reference in New Issue