twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-11-03 13:44:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 样式优化

Browse Source
This commit is contained in:
xiaoxian521 2022-09-18 19:58:42 +08:00
parent e349c469fa
commit 0e87633c8b
6 changed files with 23 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/layout/components/navbar.vue
View File

@ -99,7 +99,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
</template> </template>
</el-dropdown> </el-dropdown>
<span <span
class="el-icon-setting navbar-bg-hover" class="set-icon navbar-bg-hover"
:title="t('buttons.hssystemSet')" :title="t('buttons.hssystemSet')"
@click="onPanel" @click="onPanel"
> >
@ -149,15 +149,6 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
border-radius: 50%; border-radius: 50%;
} }
} }
.el-icon-setting {
height: 48px;
width: 38px;
padding: 12px;
display: flex;
cursor: pointer;
align-items: center;
}
} }
.breadcrumb-container { .breadcrumb-container {

12
src/layout/components/panel/index.vue
View File

@ -22,9 +22,13 @@ emitter.on("openPanel", () => {
<div class="right-panel-items"> <div class="right-panel-items">
<div class="project-configuration"> <div class="project-configuration">
<h3 class="dark:text-white">项目配置</h3> <h3 class="dark:text-white">项目配置</h3>
<el-icon title="关闭配置" class="el-icon-close" @click="show = !show"> <span title="关闭配置">
<IconifyIconOffline icon="close" /> <IconifyIconOffline
</el-icon> class="dark:text-white"
icon="close"
@click="show = !show"
/>
</span>
</div> </div>
<div <div
class="border-b-[1px] border-solid border-[#dcdfe6] dark:border-[#303030]" class="border-b-[1px] border-solid border-[#dcdfe6] dark:border-[#303030]"
@ -121,7 +125,7 @@ emitter.on("openPanel", () => {
top: 15px; top: 15px;
margin-left: 10px; margin-left: 10px;
i { svg {
font-size: 20px; font-size: 20px;
margin-right: 20px; margin-right: 20px;

2
src/layout/components/sidebar/horizontal.vue
View File

@ -109,7 +109,7 @@ watch(
</template> </template>
</el-dropdown> </el-dropdown>
<span <span
class="el-icon-setting navbar-bg-hover" class="set-icon navbar-bg-hover"
:title="t('buttons.hssystemSet')" :title="t('buttons.hssystemSet')"
@click="onPanel" @click="onPanel"
> >

2
src/layout/components/sidebar/mixNav.vue
View File

@ -141,7 +141,7 @@ watch(
</template> </template>
</el-dropdown> </el-dropdown>
<span <span
class="el-icon-setting navbar-bg-hover" class="set-icon navbar-bg-hover"
:title="t('buttons.hssystemSet')" :title="t('buttons.hssystemSet')"
@click="onPanel" @click="onPanel"
> >

22
src/style/sidebar.scss
View File

@ -22,6 +22,15 @@
margin-right: 5px; margin-right: 5px;
} }
.set-icon {
height: 48px;
width: 40px;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
}
.main-container { .main-container {
height: 100vh; height: 100vh;
min-height: 100%; min-height: 100%;
@ -231,7 +240,7 @@
/* 登录名 */ /* 登录名 */
.el-dropdown-link, .el-dropdown-link,
/* 设置 */ /* 设置 */
.el-icon-setting { .set-icon {
&:hover { &:hover {
background: $menuHover; background: $menuHover;
} }
@ -270,15 +279,6 @@
border-radius: 50%; border-radius: 50%;
} }
} }
.el-icon-setting {
height: 48px;
width: 40px;
padding: 12px;
display: flex;
cursor: pointer;
align-items: center;
}
} }
.el-menu { .el-menu {
@ -594,7 +594,7 @@ body[layout="vertical"] {
/* 登录名 */ /* 登录名 */
.el-dropdown-link, .el-dropdown-link,
/* 设置 */ /* 设置 */
.el-icon-setting { .set-icon {
&:hover { &:hover {
background: #f6f6f6; background: #f6f6f6;
} }

2
src/views/guide/index.vue
View File

@ -24,7 +24,7 @@ const steps = [
} }
}, },
{ {
element: ".el-icon-setting", element: ".set-icon",
popover: { popover: {
title: "项目配置", title: "项目配置",
description: "你可以在这里查看项目配置", description: "你可以在这里查看项目配置",