feat: 删除无用组件,组件库替换
This commit is contained in:
@ -1,8 +1,8 @@
|
||||
.ant-input {
|
||||
.ant-input,
|
||||
.ant-input-password {
|
||||
border-radius: 4px !important;
|
||||
border-color: #d7d7d9 !important;
|
||||
background-color: #fff !important;
|
||||
height: 32px;
|
||||
padding: 0 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -14,12 +14,7 @@
|
||||
&::placeholder {
|
||||
color: var(--Text-4, #939499);
|
||||
}
|
||||
&.ant-input-lg {
|
||||
height: 36px;
|
||||
}
|
||||
&.ant-input-sm {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
@ -37,6 +32,22 @@
|
||||
padding-right: 0 !important;
|
||||
margin-right: 4px;
|
||||
}
|
||||
&.ant-input-status-error,
|
||||
&.ant-input-affix-wrapper-status-error {
|
||||
border-color: $color-error !important;
|
||||
}
|
||||
}
|
||||
input.ant-input {
|
||||
height: 32px;
|
||||
&.ant-input-lg {
|
||||
height: 36px;
|
||||
}
|
||||
&.ant-input-sm {
|
||||
height: 28px;
|
||||
}
|
||||
}
|
||||
textarea.ant-input {
|
||||
padding: 8px 12px 4px 12px;
|
||||
}
|
||||
.ant-input-affix-wrapper {
|
||||
padding-top: 0;
|
||||
|
||||
39
src/styles/components/ant-select.scss
Normal file
39
src/styles/components/ant-select.scss
Normal file
@ -0,0 +1,39 @@
|
||||
.ant-select {
|
||||
.ant-select-selector {
|
||||
padding: 0 12px !important;
|
||||
height: 32px;
|
||||
color: var(--Text-4, #211f24);
|
||||
font-family: $font-family-regular;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
border-radius: 4px !important;
|
||||
border-color: #d7d7d9 !important;
|
||||
background-color: #fff !important;
|
||||
&::placeholder {
|
||||
color: var(--Text-4, #939499);
|
||||
}
|
||||
}
|
||||
&:focus,
|
||||
&-focused {
|
||||
.ant-select-selector {
|
||||
background-color: var(--color-bg-2) !important;
|
||||
border-color: rgb(var(--primary-6)) !important;
|
||||
box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
|
||||
}
|
||||
}
|
||||
&.ant-select-lg {
|
||||
.ant-select-selector {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
&.ant-select-sm {
|
||||
.ant-select-selector {
|
||||
height: 28px;
|
||||
}
|
||||
}
|
||||
&.ant-select-status-error {
|
||||
border-color: $color-error !important;
|
||||
}
|
||||
}
|
||||
49
src/styles/components/ant-tabs.scss
Normal file
49
src/styles/components/ant-tabs.scss
Normal file
@ -0,0 +1,49 @@
|
||||
.ant-tabs {
|
||||
.ant-tabs-nav {
|
||||
margin-bottom: 0;
|
||||
padding: 0 24px;
|
||||
.ant-tabs-nav-wrap {
|
||||
height: 40px;
|
||||
.ant-tabs-nav-list {
|
||||
.ant-tabs-tab {
|
||||
.ant-tabs-tab-btn {
|
||||
color: var(--Text-2, #55585f);
|
||||
font-family: $font-family-regular;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
&.ant-tabs-tab-active {
|
||||
.ant-tabs-tab-btn {
|
||||
color: var(--Brand-6, #6d4cfe);
|
||||
font-weight: 500;
|
||||
font-family: $font-family-medium;
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-tabs-ink-bar {
|
||||
background: #6d4cfe;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.ant-tabs-content-holder {
|
||||
display: none;
|
||||
}
|
||||
&.ant-tabs-small {
|
||||
.ant-tabs-nav {
|
||||
.ant-tabs-nav-wrap {
|
||||
height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.ant-tabs-large {
|
||||
.ant-tabs-nav {
|
||||
.ant-tabs-nav-wrap {
|
||||
height: 48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -4,21 +4,21 @@
|
||||
@import './pagination.scss';
|
||||
@import './tabs.scss';
|
||||
@import './modal.scss';
|
||||
@import "./textarea.scss";
|
||||
@import "./select.scss";
|
||||
@import "./date-picker.scss";
|
||||
@import "./button.scss";
|
||||
@import "./steps.scss";
|
||||
@import "./form.scss";
|
||||
@import "./chat-sender.scss";
|
||||
|
||||
@import "./ant-modal.scss";
|
||||
@import "./ant-radio.scss";
|
||||
@import "./ant-form.scss";
|
||||
@import "./ant-button.scss";
|
||||
@import "./ant-table.scss";
|
||||
@import "./ant-checkbox.scss";
|
||||
@import "./ant-input.scss";
|
||||
@import "./ant-textarea.scss";
|
||||
|
||||
@import './textarea.scss';
|
||||
@import './select.scss';
|
||||
@import './date-picker.scss';
|
||||
@import './button.scss';
|
||||
@import './steps.scss';
|
||||
@import './form.scss';
|
||||
@import './chat-sender.scss';
|
||||
|
||||
@import './ant-modal.scss';
|
||||
@import './ant-radio.scss';
|
||||
@import './ant-form.scss';
|
||||
@import './ant-button.scss';
|
||||
@import './ant-table.scss';
|
||||
@import './ant-checkbox.scss';
|
||||
@import './ant-input.scss';
|
||||
@import './ant-textarea.scss';
|
||||
@import './ant-select.scss';
|
||||
@import './ant-tabs.scss';
|
||||
|
||||
Reference in New Issue
Block a user