github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 14:49:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: background to background-color

Browse Source
This commit is contained in:
Vben
2021-04-13 21:43:10 +08:00
parent c9089c3243
commit 2cdf2c28c4
66 changed files with 142 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/default/feature/index.vue
View File

@@ -67,7 +67,7 @@
padding: 10px;
color: @white;
cursor: pointer;
background: @primary-color;
background-color: @primary-color;
border-radius: 6px 0 0 6px;
justify-content: center;
align-items: center;

2
src/layouts/default/header/components/Breadcrumb.vue
View File

@@ -47,6 +47,7 @@
const { currentRoute } = useRouter();
const { prefixCls } = useDesign('layout-breadcrumb');
const { getShowBreadCrumbIcon } = useRootSetting();
const go = useGo();
const { t } = useI18n();
watchEffect(async () => {
@@ -122,7 +123,6 @@
return;
}
const go = useGo();
if (redirect && isString(redirect)) {
go(redirect);
} else {

2
src/layouts/default/header/components/user-dropdown/index.vue
View File

@@ -148,7 +148,7 @@
&--dark {
&:hover {
background: @header-dark-bg-hover-color;
background-color: @header-dark-bg-hover-color;
}
}

18
src/layouts/default/header/index.less
View File

@@ -10,7 +10,7 @@
margin-left: -1px;
line-height: @header-height;
color: @white;
background: @white;
background-color: @white;
align-items: center;
justify-content: space-between;
@@ -77,7 +77,7 @@
&.light {
&:hover {
background: @header-light-bg-hover-color;
background-color: @header-light-bg-hover-color;
}
svg {
@@ -87,7 +87,7 @@
&.dark {
&:hover {
background: @header-dark-bg-hover-color;
background-color: @header-dark-bg-hover-color;
}
}
}
@@ -131,7 +131,7 @@
}
&--light {
background: @white !important;
background-color: @white !important;
border-bottom: 1px solid @header-light-bottom-border-color;
border-left: 1px solid @header-light-bottom-border-color;
@@ -139,7 +139,7 @@
color: @text-color-base;
&:hover {
background: @header-light-bg-hover-color;
background-color: @header-light-bg-hover-color;
}
}
@@ -153,7 +153,7 @@
}
&:hover {
background: @header-light-bg-hover-color;
background-color: @header-light-bg-hover-color;
}
}
@@ -165,12 +165,12 @@
}
&--dark {
background: @header-dark-bg-color !important;
background-color: @header-dark-bg-color !important;
border-bottom: 1px solid @border-color-base;
border-left: 1px solid @border-color-base;
.@{header-prefix-cls}-logo {
&:hover {
background: @header-dark-bg-hover-color;
background-color: @header-dark-bg-hover-color;
}
}
@@ -182,7 +182,7 @@
}
&:hover {
background: @header-dark-bg-hover-color;
background-color: @header-dark-bg-hover-color;
}
}
}

2
src/layouts/default/index.vue
View File

@@ -65,7 +65,7 @@
display: flex;
width: 100%;
min-height: 100%;
background: @content-bg;
background-color: @content-bg;
flex-direction: column;
> .ant-layout {

2
src/layouts/default/sider/DragBar.vue
View File

@@ -59,7 +59,7 @@
}
&:hover {
background: @primary-color;
background-color: @primary-color;
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);
}
}

6
src/layouts/default/sider/LayoutSider.vue
View File

@@ -144,15 +144,15 @@
}
&.ant-layout-sider-dark {
background: @sider-dark-bg-color;
background-color: @sider-dark-bg-color;
.ant-layout-sider-trigger {
color: darken(@white, 25%);
background: @trigger-dark-bg-color;
background-color: @trigger-dark-bg-color;
&:hover {
color: @white;
background: @trigger-dark-hover-bg-color;
background-color: @trigger-dark-hover-bg-color;
}
}
}

18
src/layouts/default/sider/MixSider.vue
View File

@@ -344,7 +344,7 @@
z-index: @layout-mix-sider-fixed-z-index;
height: 100%;
overflow: hidden;
background: @sider-dark-bg-color;
background-color: @sider-dark-bg-color;
transition: all 0.2s ease 0s;
&-dom {
@@ -383,7 +383,7 @@
&--active {
color: @primary-color;
background: unset;
background-color: unset;
}
}
}
@@ -416,7 +416,7 @@
}
}
.@{prefix-cls}-menu-list {
background: @sider-dark-bg-color;
background-color: @sider-dark-bg-color;
&__title {
color: @white;
@@ -459,7 +459,7 @@
&--active {
font-weight: 700;
color: @white;
background: @sider-dark-darken-bg-color;
background-color: @sider-dark-darken-bg-color;
&::before {
position: absolute;
@@ -467,7 +467,7 @@
left: 0;
width: 3px;
height: 100%;
background: @primary-color;
background-color: @primary-color;
content: '';
}
}
@@ -496,12 +496,12 @@
font-size: 18px;
color: rgba(255, 255, 255, 0.65);
cursor: pointer;
background: @sider-dark-bg-color;
background-color: @sider-dark-bg-color;
}
&.light &-trigger {
color: rgba(0, 0, 0, 0.65);
background: #fff;
background-color: #fff;
}
&-menu-list {
@@ -510,7 +510,7 @@
width: 0;
width: 200px;
height: calc(100%);
background: #fff;
background-color: #fff;
transition: all 0.2s;
&__title {
@@ -573,7 +573,7 @@
width: 1px;
height: calc(100% - 50px);
cursor: ew-resize;
background: #f8f8f9;
background-color: #f8f8f9;
border-top: none;
border-bottom: none;
box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.15);