143 lines
2.8 KiB
SCSS
143 lines
2.8 KiB
SCSS
// cover some element-ui styles
|
||
|
||
.el-breadcrumb__inner,
|
||
.el-breadcrumb__inner a {
|
||
font-weight: 400 !important;
|
||
}
|
||
|
||
.el-upload {
|
||
input[type="file"] {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
.el-upload__input {
|
||
display: none;
|
||
}
|
||
|
||
.cell {
|
||
.el-tag {
|
||
margin-right: 0px;
|
||
}
|
||
}
|
||
|
||
.small-padding {
|
||
.cell {
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
}
|
||
}
|
||
|
||
/* ★ 这里原本是 RuoYi 的遗留规则，已删除：
|
||
.fixed-width .el-button--mini { padding: 7px 10px; width: 60px }
|
||
.fixed-width 是「操作列」专用类。强设 60px 后，border-box 的内容盒只剩 48px，
|
||
而本项目的操作按钮普遍是「图标 + 2~4 字」（如 el-icon-date +「发放饰品」≈ 70px）
|
||
⇒ 文字溢出按钮、盖到相邻按钮上，整列还会折行。
|
||
按钮宽度改回按内容撑开；文字按钮的左右留白由 skin.scss 的
|
||
`.el-table .el-button--text { padding: 4px 6px }` 接管。
|
||
★ 操作列若按钮 ≥3 个，请在模板上显式给 `width`，否则自动列宽会挤压换行。 */
|
||
|
||
/* 「更多」是 el-dropdown 包着 el-button，不是 .el-button 的兄弟节点，
|
||
拿不到 Element 的 `.el-button + .el-button { margin-left: 10px }`，会贴住前一个按钮 */
|
||
.el-table .cell .el-button + .el-dropdown {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.status-col {
|
||
.cell {
|
||
padding: 0 10px;
|
||
text-align: center;
|
||
|
||
.el-tag {
|
||
margin-right: 0px;
|
||
}
|
||
}
|
||
}
|
||
|
||
// to fixed https://github.com/ElemeFE/element/issues/2461
|
||
.el-dialog {
|
||
transform: none;
|
||
left: 0;
|
||
position: relative;
|
||
margin: 0 auto;
|
||
border-radius: 18px;
|
||
border: 1px solid $cc-line;
|
||
box-shadow: $cc-shadow-lg;
|
||
overflow: hidden;
|
||
}
|
||
|
||
// 优化遮罩层：暖棕调，不再是纯黑
|
||
.v-modal {
|
||
background: rgba(79, 65, 48, 0.42) !important;
|
||
backdrop-filter: blur(4px);
|
||
-webkit-backdrop-filter: blur(4px);
|
||
}
|
||
|
||
// 对话框包装器
|
||
.el-dialog__wrapper {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
// 对话框头部
|
||
.el-dialog__header {
|
||
padding: 20px 24px 16px;
|
||
border-bottom: 1px solid $cc-line-2;
|
||
}
|
||
|
||
.el-dialog__title {
|
||
font-size: 18px;
|
||
font-weight: 600;
|
||
color: $cc-ink;
|
||
}
|
||
|
||
// 对话框内容
|
||
.el-dialog__body {
|
||
padding: 24px;
|
||
color: $cc-ink-2;
|
||
}
|
||
|
||
// 对话框底部
|
||
.el-dialog__footer {
|
||
padding: 16px 24px;
|
||
border-top: 1px solid $cc-line-2;
|
||
}
|
||
|
||
// refine element ui upload
|
||
.upload-container {
|
||
.el-upload {
|
||
width: 100%;
|
||
|
||
.el-upload-dragger {
|
||
width: 100%;
|
||
height: 200px;
|
||
}
|
||
}
|
||
}
|
||
|
||
// dropdown
|
||
.el-dropdown-menu {
|
||
a {
|
||
display: block
|
||
}
|
||
}
|
||
|
||
// fix date-picker ui bug in filter-item
|
||
.el-range-editor.el-input__inner {
|
||
display: inline-flex !important;
|
||
}
|
||
|
||
// to fix el-date-picker css style
|
||
.el-range-separator {
|
||
box-sizing: content-box;
|
||
}
|
||
|
||
.el-menu--collapse
|
||
> div
|
||
> .el-submenu
|
||
> .el-submenu__title
|
||
.el-submenu__icon-arrow {
|
||
display: none;
|
||
}
|