chore: fix layout style

This commit is contained in:
vben
2020-12-22 23:18:50 +08:00
parent bd7b53f14a
commit f69aaeab5e
14 changed files with 123 additions and 10 deletions

View File

@@ -3,7 +3,11 @@
* @Description: logo component
-->
<template>
<div class="anticon" :class="[prefixCls, theme]" @click="handleGoHome">
<div
class="anticon"
:class="[prefixCls, theme, { 'collapsed-show-title': getCollapsedShowTitle }]"
@click="handleGoHome"
>
<img src="/@/assets/images/logo.png" />
<div class="ml-2 ellipsis" :class="[`${prefixCls}__title`]" v-show="showTitle">
{{ title }}
@@ -35,6 +39,7 @@
},
setup() {
const { prefixCls } = useDesign('app-logo');
const { getCollapsedShowTitle } = useMenuSetting();
const { title } = useGlobSetting();
@@ -48,6 +53,7 @@
handleGoHome,
title,
prefixCls,
getCollapsedShowTitle,
};
},
});
@@ -67,6 +73,10 @@
border-bottom: 1px solid @border-color-base;
}
&.collapsed-show-title {
padding-left: 20px;
}
&.light &__title {
color: @primary-color;
}