| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // to fixed https://github.com/ElemeFE/element/issues/2461
|
|---|
| | | .el-dialog {
|
|---|
| | | transform: none;
|
|---|
| | | left: 0;
|
|---|
| | | position: relative;
|
|---|
| | | margin: 0 auto;
|
|---|
| | | border-radius: 8px;
|
|---|
| | | padding: 0 !important;
|
|---|
| | | }
|
|---|
| | | .el-dialog__header {
|
|---|
| | | background: #F5F6F7;
|
|---|
| | | padding: 12px 16px;
|
|---|
| | | border-radius: 8px 8px 0 0;
|
|---|
| | | }
|
|---|
| | | .el-dialog__title {
|
|---|
| | | font-weight: 400;
|
|---|
| | | font-size: 16px;
|
|---|
| | | color: #2E3033;
|
|---|
| | | }
|
|---|
| | | .el-dialog__body {
|
|---|
| | | padding: 16px 40px 0 40px;
|
|---|
| | | }
|
|---|
| | | .el-dialog__footer {
|
|---|
| | | text-align: center;
|
|---|
| | | padding: 16px;
|
|---|
| | | }
|
|---|
| | | .el-message-box {
|
|---|
| | | padding: 0 !important;
|
|---|
| | | border-radius: 8px;
|
|---|
| | | }
|
|---|
| | | .el-message-box__header {
|
|---|
| | | background: #F5F6F7;
|
|---|
| | | padding: 12px 16px;
|
|---|
| | | border-radius: 8px 8px 0 0;
|
|---|
| | | }
|
|---|
| | | .el-message-box__title {
|
|---|
| | | font-weight: 400;
|
|---|
| | | font-size: 16px;
|
|---|
| | | color: #2E3033;
|
|---|
| | | }
|
|---|
| | | .el-message-box__content {
|
|---|
| | | padding: 16px 40px 0 40px;
|
|---|
| | | }
|
|---|
| | | .el-dialog { |
|---|
| | | transform: none; |
|---|
| | | left: 0; |
|---|
| | | position: relative; |
|---|
| | | margin: 0 auto; |
|---|
| | | border-radius: 16px; |
|---|
| | | padding: 0 !important; |
|---|
| | | border: 1px solid var(--surface-border); |
|---|
| | | box-shadow: var(--shadow-md); |
|---|
| | | background: rgba(255, 255, 255, 0.95); |
|---|
| | | } |
|---|
| | | .el-dialog__header { |
|---|
| | | background: linear-gradient(180deg, rgba(248, 251, 255, 1), rgba(242, 247, 255, 0.98)); |
|---|
| | | padding: 18px 24px 14px; |
|---|
| | | border-bottom: 1px solid var(--surface-border); |
|---|
| | | border-radius: 14px 14px 0 0; |
|---|
| | | } |
|---|
| | | .el-dialog__title { |
|---|
| | | font-weight: 600; |
|---|
| | | font-size: 17px; |
|---|
| | | color: var(--text-primary); |
|---|
| | | } |
|---|
| | | .el-dialog__body { |
|---|
| | | padding: 24px 24px 0; |
|---|
| | | max-height: 74vh; |
|---|
| | | overflow-y: auto; |
|---|
| | | } |
|---|
| | | .el-dialog__footer { |
|---|
| | | text-align: center; |
|---|
| | | padding: 18px 24px 24px; |
|---|
| | | } |
|---|
| | | .el-message-box { |
|---|
| | | padding: 0 !important; |
|---|
| | | border-radius: 16px; |
|---|
| | | border: 1px solid var(--surface-border); |
|---|
| | | box-shadow: var(--shadow-md); |
|---|
| | | background: rgba(255, 255, 255, 0.96); |
|---|
| | | } |
|---|
| | | .el-message-box__header { |
|---|
| | | background: linear-gradient(180deg, rgba(248, 251, 255, 1), rgba(242, 247, 255, 0.98)); |
|---|
| | | padding: 18px 24px 14px; |
|---|
| | | border-bottom: 1px solid var(--surface-border); |
|---|
| | | border-radius: 14px 14px 0 0; |
|---|
| | | } |
|---|
| | | .el-message-box__title { |
|---|
| | | font-weight: 600; |
|---|
| | | font-size: 17px; |
|---|
| | | color: var(--text-primary); |
|---|
| | | } |
|---|
| | | .el-message-box__content { |
|---|
| | | padding: 24px 24px 0; |
|---|
| | | } |
|---|
| | | .el-message-box__container {
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | margin-right: 12px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | .el-table__expanded-cell { |
|---|
| | | padding: 0 !important; |
|---|
| | | .el-table__header-wrapper { |
|---|
| | | background-color: var(--surface-soft) !important; |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|
|---|
| | | // refine element ui upload
|
|---|
| | | .upload-container {
|
|---|
| | |
|---|
| | | // dropdown
|
|---|
| | | .el-dropdown-menu {
|
|---|
| | | a {
|
|---|
| | | display: block
|
|---|
| | | display: block;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-dropdown .el-dropdown-link{
|
|---|
| | | color: var(--el-color-primary) !important;
|
|---|
| | | } |
|---|
| | | .el-dropdown .el-dropdown-link { |
|---|
| | | color: var(--el-color-primary) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button { |
|---|
| | | border-radius: 8px; |
|---|
| | | font-weight: 600; |
|---|
| | | box-shadow: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--primary { |
|---|
| | | --el-button-bg-color: var(--el-color-primary); |
|---|
| | | --el-button-border-color: var(--el-color-primary); |
|---|
| | | --el-button-hover-bg-color: var(--el-color-primary-light-3); |
|---|
| | | --el-button-hover-border-color: var(--el-color-primary-light-3); |
|---|
| | | --el-button-active-bg-color: var(--el-color-primary-dark-2); |
|---|
| | | --el-button-active-border-color: var(--el-color-primary-dark-2); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-input__wrapper, |
|---|
| | | .el-textarea__inner, |
|---|
| | | .el-select__wrapper, |
|---|
| | | .el-date-editor.el-input__wrapper, |
|---|
| | | .el-date-editor .el-input__wrapper { |
|---|
| | | border-radius: 10px; |
|---|
| | | box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.28) inset !important; |
|---|
| | | background: rgba(255, 255, 255, 0.92); |
|---|
| | | color: var(--text-primary); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-input__wrapper.is-focus, |
|---|
| | | .el-select__wrapper.is-focused, |
|---|
| | | .el-textarea__inner:focus { |
|---|
| | | box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.56) inset !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-card { |
|---|
| | | border: 1px solid var(--surface-border); |
|---|
| | | box-shadow: var(--shadow-sm); |
|---|
| | | background: var(--panel-mask); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table { |
|---|
| | | --el-table-border-color: var(--surface-border); |
|---|
| | | --el-table-header-bg-color: #f2f7ff; |
|---|
| | | --el-table-row-hover-bg-color: #f8fbff; |
|---|
| | | --el-table-current-row-bg-color: #edf4ff; |
|---|
| | | border-radius: 12px; |
|---|
| | | background: rgba(255, 255, 255, 0.94) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table th.el-table__cell { |
|---|
| | | background: #f2f7ff !important; |
|---|
| | | color: #3b4f6c; |
|---|
| | | font-weight: 600; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table tr, |
|---|
| | | .el-table td.el-table__cell, |
|---|
| | | .el-table__body tr > td.el-table__cell { |
|---|
| | | background: rgba(255, 255, 255, 0.92) !important; |
|---|
| | | color: var(--text-secondary); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__body tr:hover > td.el-table__cell { |
|---|
| | | background: var(--el-table-row-hover-bg-color) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__body tr.current-row > td.el-table__cell { |
|---|
| | | background: var(--el-table-current-row-bg-color) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__footer-wrapper { |
|---|
| | | border-top: 1px solid var(--surface-border); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-table .el-table__footer-wrapper tbody td.el-table__cell, |
|---|
| | | .el-table .el-table__footer-wrapper tfoot td.el-table__cell { |
|---|
| | | background: var(--surface-base) !important; |
|---|
| | | border-top: 1px solid var(--surface-border); |
|---|
| | | font-weight: 600; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-pagination { |
|---|
| | | margin-top: 18px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-empty__description p, |
|---|
| | | .el-form-item__label, |
|---|
| | | .el-radio-button__inner, |
|---|
| | | .el-checkbox__label, |
|---|
| | | .el-tabs__item, |
|---|
| | | .el-select-dropdown__item, |
|---|
| | | .el-dropdown-menu__item { |
|---|
| | | color: var(--text-secondary); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-date-editor .el-range-input, |
|---|
| | | .el-input__inner, |
|---|
| | | .el-textarea__inner { |
|---|
| | | color: var(--text-primary); |
|---|
| | | } |
|---|
