mirror of
https://gitee.com/JavaLionLi/plus-ui.git
synced 2026-09-14 08:13:42 +08:00
64 lines
1.4 KiB
SCSS
64 lines
1.4 KiB
SCSS
/* Form controls and generic rounded inputs. */
|
|
|
|
.el-form--inline .el-form-item__label {
|
|
width: 68px;
|
|
}
|
|
|
|
.el-form--inline .el-select {
|
|
width: 240px;
|
|
}
|
|
|
|
.el-form--inline .el-input {
|
|
width: 240px;
|
|
}
|
|
|
|
.el-form--inline .el-date-editor {
|
|
width: 308px;
|
|
}
|
|
|
|
.el-input__wrapper,
|
|
.el-textarea__inner,
|
|
.el-select__wrapper,
|
|
.el-date-editor,
|
|
.el-range-editor,
|
|
.el-input-number,
|
|
.el-input-number__decrease,
|
|
.el-input-number__increase {
|
|
border-radius: var(--app-radius-md);
|
|
transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
|
|
}
|
|
|
|
.el-input__wrapper.is-focus,
|
|
.el-textarea__inner:focus,
|
|
.el-select__wrapper.is-focus,
|
|
.el-date-editor.is-focus,
|
|
.el-range-editor.is-focus {
|
|
box-shadow: 0 0 0 2px var(--el-color-primary-light-8);
|
|
}
|
|
|
|
.el-button {
|
|
border-radius: var(--app-radius-md);
|
|
transition: box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
|
|
}
|
|
|
|
.el-button:not(.is-text):not(.is-link):hover {
|
|
box-shadow: var(--app-shadow-sm);
|
|
}
|
|
|
|
.el-tag {
|
|
border-radius: var(--app-radius-md);
|
|
}
|
|
|
|
.el-radio-button__inner,
|
|
.el-checkbox-button__inner {
|
|
border-radius: 10px !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.el-radio-button:first-child .el-radio-button__inner,
|
|
.el-checkbox-button:first-child .el-checkbox-button__inner,
|
|
.el-radio-button:last-child .el-radio-button__inner,
|
|
.el-checkbox-button:last-child .el-checkbox-button__inner {
|
|
border-radius: 10px !important;
|
|
}
|