Files
admin-sjzx/src/styles/element.scss

195 lines
3.8 KiB
SCSS
Raw Normal View History

2024-02-19 13:44:32 +08:00
/* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-s */
.el-input .el-input__inner {
height: 30px;
line-height: calc(var(--el-input-height, 40px) - 4px);
}
/* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-e */
.datetime-picker {
height: 32px;
padding-top: 0;
padding-bottom: 0;
}
.el-divider__text.is-center {
transform: translateX(-50%) translateY(-62%);
}
.el-menu {
user-select: none;
.el-menu-item:hover,
.el-sub-menu__title:hover {
background-color: var(--el-menu-hover-color) !important;
color: var(--el-menu-active-color) !important;
.icon {
color: var(--el-menu-active-color) !important;
}
}
}
2024-04-29 16:37:07 +08:00
.el-dialog {
padding: 0px !important;
}
2024-02-19 13:44:32 +08:00
.el-dialog__header {
background: var(--el-color-primary);
2024-04-29 16:37:07 +08:00
padding: 15px;
margin-right: 0px;
2024-02-19 13:44:32 +08:00
.el-dialog__headerbtn {
2024-04-29 16:37:07 +08:00
top: 5px;
2024-02-19 13:44:32 +08:00
.el-icon {
color: var(--el-color-white);
}
}
2024-04-29 16:37:07 +08:00
2024-02-19 13:44:32 +08:00
.el-dialog__title {
color: var(--el-color-white);
}
2024-04-29 16:37:07 +08:00
2024-02-19 13:44:32 +08:00
}
.el-table {
--el-table-border-color: var(--ba-border-color);
}
.el-card {
border: none;
}
.el-card__header {
border-bottom: 1px solid var(--el-border-color-extra-light);
}
.el-textarea__inner {
padding: 5px 11px;
}
.el-dialog__body {
padding: 10px;
}
/* dialog滚动条-s */
.el-overlay-dialog,
.el-tabs__content,
.ba-scroll-style {
scrollbar-width: none;
&::-webkit-scrollbar {
width: 5px;
height: 5px;
}
&::-webkit-scrollbar-thumb {
background: #eaeaea;
border-radius: var(--el-border-radius-base);
box-shadow: none;
-webkit-box-shadow: none;
}
&:hover {
&::-webkit-scrollbar-thumb:hover {
background: #c8c9cc;
}
}
}
/* dialog滚动条-e */
/* 小屏设备 el-radio-group 样式优化-s */
.ba-input-item-radio {
margin-bottom: 10px;
.el-radio-group {
.el-radio {
margin-bottom: 8px;
}
}
}
/* 小屏设备 el-radio-group 样式调整-e */
.el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
background: var(--el-color-primary);
color: var(--el-color-white);
}
.el-tabs__header {
margin-bottom: 0;
}
.el-form--inline .el-form-item {
margin-bottom: 10px;
}
.el-tabs--border-card > .el-tabs__content {
padding: 10px;
}
.el-page-header__header {
line-height: 32px;
.el-page-header__content {
font-size: 14px;
font-weight: 700;
}
}
.el-select {
2024-04-09 16:52:11 +08:00
min-width: 200px;
}
.el-tabs__content {
height: calc(100% - 40px);
.el-tab-pane {
height: 100%;
}
}
.el-button--primary:focus {
color: var(--el-color-white);
border-color: var(--el-color-primary);
background-color: var(--el-color-primary);
outline: 0;
}
.el-button--primary:hover {
color: var(--el-color-white);
border-color: var(--el-color-primary-light-3);
background-color: var(--el-color-primary-light-3);
outline: 0;
}
.el-button.is-plain:focus {
color: var(--el-button-text-color);
border-color: var(--el-button-border-color);
}
.el-button.is-plain:hover {
color: var(--el-color-primary);
border-color: var(--el-color-primary);
}
.el-button.is-link:focus {
color: var(--el-button-text-color);
}
.el-button.is-link:hover {
color: var(--el-button-hover-link-text-color);
}
.el-button--primary.is-link:hover,
.el-button--primary.is-plain:hover,
.el-button--primary.is-text:hover {
color: var(--el-color-primary-light-5);
background-color: var(--el-color-primary-light-9) !important;
}
2024-04-02 16:43:18 +08:00
.el-divider--horizontal {
margin: 15px 0;
}
.el-step__title {
cursor: pointer;
}
2024-04-03 16:24:14 +08:00
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
background-color: var(--el-color-primary);
2024-04-03 16:24:14 +08:00
opacity: 0.6;
}