diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index b46e794..ea57968 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -693,3 +693,78 @@ input[type="number"] { transform: rotate(360deg); } } +.user-select { + .el-select__wrapper{ + min-height: 75px; + height: auto !important; + background-color: transparent; + border: 1px solid #08B7B8; + font-size: 35px; + width: 476px; + } + .el-select__selected-item { + height: 54px; + line-height: 54px; + } + .el-select__caret{ + font-size: 35px !important; + } + .el-input { + min-height: 75px; + height: auto !important; + } + .el-form-item.is-error .el-input__wrapper { + box-shadow: none; + } + .el-select__popper { + margin-top: -12px !important; + background: #072247 !important; + border: 1px solid #0F82AF !important; + } + + .el-popper { + width: auto; + min-width: auto; + margin-left: 0; + box-sizing: border-box; + } + + .el-popper__arrow::before { + display: none; + } + + .el-select-dropdown__item { + font-size: 38px !important; + height: 60px !important; + line-height: 60px !important; + + > span { + color: #FFFFFF; + } + } + + .el-select .el-input .el-select__caret { + font-size: 35px !important; + } + + .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { + background-color: #064B66 !important; + } + + .el-select-dropdown.is-multiple .el-select-dropdown__item.selected { + background-color: #064B66 !important; + } + + .el-select-tags-wrapper { + .el-tag { + padding: 28px 20px !important; + font-size: 35px; + + .el-icon { + width: 40px; + height: 40px; + font-size: 40px !important; + } + } + } +} diff --git a/src/views/user/index.vue b/src/views/user/index.vue index 2cadfcd..e5033b6 100644 --- a/src/views/user/index.vue +++ b/src/views/user/index.vue @@ -343,11 +343,28 @@ const handleSelect = async (selection, row) => {