chenglb
/
PMS_Frontend_v1.0.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat: 继续修改antd

tags/PMS_Frontend_v1.0.6-develop
chenglb 1 year ago
parent
66ab1a63eb
commit
46aa1bd52f
8 changed files with 77 additions and 52 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 31
      public/static/css/antd.dark.min.css
  2. 14
      src/assets/css/ant-modification.scss
  3. 40
      src/assets/css/base.scss
  4. 4
      src/assets/css/common.scss
  5. 16
      src/components/FormSliderPicker/index.scss
  6. 16
      src/components/form/FormSliderPicker/index.scss
  7. 4
      src/pages/InRoadMgm/RecordInquiry/DisabledCarParkRecordTotal/index.scss
  8. 4
      src/pages/InRoadMgm/RoadMgm/ParkList/index.scss

31
public/static/css/antd.dark.min.css
View File

@ -6066,7 +6066,8 @@ a.ant-btn-sm {
position: relative;
display: inline-flex;
align-items: center;
background: transparent;
/* background: transparent; */
background: #50586c;
/* border: 1px solid #434343; */
border: 1px solid #666d7d;
border-radius: 2px;
@ -16760,7 +16761,8 @@ textarea.ant-input-number {
color: hsla(0,0%,100%,.85);
font-size: 14px;
line-height: 1.5715;
background-color: transparent;
/* background-color: transparent; */
background-color: #50586c;
background-image: none;
border: 1px solid #434343;
border-radius: 2px;
@ -17076,7 +17078,8 @@ textarea.ant-input-affix-wrapper {
color: hsla(0,0%,100%,.85);
font-size: 14px;
line-height: 1.5715;
background-color: transparent;
/* background-color: transparent; */
background-color: #50586c;
background-image: none;
/* border: 1px solid #434343; */
border: 1px solid #666d7d;
@ -20449,8 +20452,10 @@ textarea.ant-mentions {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
text-align: center;
list-style: none;
background-color: transparent;
border: 1px solid #434343;
/* background-color: transparent; */
background-color: #3e4558;
/* border: 1px solid #434343; */
border: 1px solid #3e4558;
border-radius: 2px;
outline: 0;
cursor: pointer;
@ -20608,8 +20613,10 @@ textarea.ant-mentions {
padding: 0;
font-size: 12px;
text-align: center;
background-color: transparent;
border: 1px solid #434343;
/* background-color: transparent; */
background-color: #3e4558;
/* border: 1px solid #434343; */
border: 1px solid #3e4558;
border-radius: 2px;
outline: none;
transition: all .3s
@ -20678,7 +20685,8 @@ textarea.ant-mentions {
color: hsla(0,0%,100%,.85);
font-size: 14px;
line-height: 1.5715;
background-color: transparent;
/* background-color: transparent; */
background-color: #3e4558;
background-image: none;
border: 1px solid #434343;
border-radius: 2px;
@ -22654,6 +22662,13 @@ span.ant-radio+* {
transition: all .3s cubic-bezier(.645,.045,.355,1)
}
.ant-pagination .ant-select-selector{
background-color: #3f4658 !important; /*add*/
}
.ant-form-item .ant-select-selector{
background-color: #50586c !important;/*add*/
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: pointer
}

14
src/assets/css/ant-modification.scss
View File

@ -187,13 +187,13 @@
.ant-pagination-item,
.ant-pagination-next,
.ant-select {
background-color: var(--pagination-bg);
// background-color: var(--pagination-bg);
border-color: transparent;
.ant-pagination-item-link {
background-color: var(--pagination-bg);
border-color: transparent;
}
// .ant-pagination-item-link {
// background-color: var(--pagination-bg);
// border-color: transparent;
// }
.ant-select-selector {
background-color: var(--pagination-bg);
@ -201,8 +201,8 @@
}
.ant-pagination-item-active {
background: var(--primary-color) !important;
border-color: var(--primary-color);
// background: var(--primary-color) !important;
// border-color: var(--primary-color);
a {
color: var(--text-color-dark);

40
src/assets/css/base.scss
View File

@ -279,17 +279,19 @@ a {
background: var(--color-search-list-item-bg);
border-radius: 4px;
.ant-pagination-item-link {
background: var(--color-search-list-item-bg);
// background: var(--color-search-list-item-bg);
// border-color: var(--color-border);
border-width: 1px;
border-radius: 4px;
}
&.ant-pagination-disable {}
// &.ant-pagination-disable {
// }
}
.ant-pagination-item {
background: var(--color-search-list-item-bg);
// background: var(--color-search-list-item-bg);
font-size: 14px;
// border-color: var(--color-border);s
border-width: 1px;
@ -308,10 +310,10 @@ a {
// border-color: var(--color-border);
border-width: 1px;
border-radius: 4px;
background: var(--color-search-list-item-bg);
// background: var(--color-search-list-item-bg);
}
&.ant-pagination-disable {}
// &.ant-pagination-disable {}
}
.ant-pagination-options {
@ -319,14 +321,14 @@ a {
border-radius: 4px;
.ant-select-selector{
border-radius: 4px;
.ant-select-selection-search{
// .ant-select-selection-search{
}
// }
.ant-select-selection-item{
color: var(--color-text);
}
background-color: var(--color-search-list-item-bg);
border-color: var(--color-search-list-item-bd);
// background-color: var(--color-search-list-item-bg);
// border-color: var(--color-search-list-item-bd);
}
.ant-select-dropdown{
background-color: var(--color-search-list-item-bg);
@ -340,8 +342,8 @@ a {
.ant-pagination-options-quick-jumper {
input {
width: 40px;
border-color: var(--color-border);
background-color: var(--color-search-list-item-bg);
// border-color: var(--color-border);
// background-color: var(--color-search-list-item-bg);
border-radius: 4px;
color: var(--color-search-list-item-value);
}
@ -590,7 +592,7 @@ a {
}
.ant-input-affix-wrapper{
border-color: var(--color-border) !important;
background: var( --color-search-list-item-bg) !important;
// background: var( --color-search-list-item-bg) !important;
}
.search-group-item.error{
.cc-form-content{
@ -620,10 +622,10 @@ a {
width: calc(100% - 274px - 10px);
}
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector{
border-color: var(--color-border);
background: var( --color-search-list-item-bg);
}
// .ant-select:not(.ant-select-customize-input) .ant-select-selector{
// border-color: var(--color-border);
// background: var( --color-search-list-item-bg);
// }
.cc-form-select {
@ -652,10 +654,10 @@ a {
}
}
}
.ant-popover-inner,.ant-picker-panel-container,.ant-select-clear,.ant-select-arrow{
// .ant-popover-inner,.ant-picker-panel-container,.ant-select-clear,.ant-select-arrow{
// background : var(--color-table-body-bg) !important;
background : var(--color-search-list-item-bg) !important;
}
// background : var(--color-search-list-item-bg) !important;
// }
.ant-select-clear,.ant-select-arrow{
color:var(--color-text) !important;
}

4
src/assets/css/common.scss
View File

@ -10,9 +10,9 @@
.pagination-common {
color: var(--color-pagination-title);
.ant-pagination-options-quick-jumper input {
background-color: var(--color-search-list-item-bg);
// background-color: var(--color-search-list-item-bg);
border-color: var(--color-search-list-item-bd);
opacity: 0.8;
// opacity: 0.8;
}
.ant-select .ant-select-selector {
background-color: var(--color-search-list-item-bg);

16
src/components/FormSliderPicker/index.scss
View File

@ -11,8 +11,8 @@ $high:var(--color-mark-text);
.yisa-date-picker {
border-radius: 4px;
width: 120px;
background-color: $input-bg;
border-color: $input-border;
// background-color: $input-bg;
// border-color: $input-border;
color: $text;
.ant-picker-suffix {
color: $text;
@ -54,8 +54,10 @@ $high:var(--color-mark-text);
flex: 1;
margin-left: 5px;
display: flex;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
background-color: #50586c;
border: 1px solid #666d7d;
color: $text;
border-radius: 4px;
transition: all 0.3s;
@ -148,8 +150,10 @@ $high:var(--color-mark-text);
flex: 1;
margin-left: 5px;
display: flex;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
background-color: #50586c;
border: 1px solid #666d7d;
color: $text;
border-radius: 4px;
transition: all 0.3s;

16
src/components/form/FormSliderPicker/index.scss
View File

@ -12,8 +12,8 @@ $high:var(--color-mark-text);
.yisa-date-picker {
border-radius: 4px;
width: 120px;
background-color: $input-bg;
border-color: $input-border;
// background-color: $input-bg;
// border-color: $input-border;
color: $text;
.ant-picker-suffix {
color: $text;
@ -57,8 +57,10 @@ $high:var(--color-mark-text);
flex: 1;
margin-left: 5px;
display: flex;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
border: 1px solid #666d7d;
background-color: #50586c;
color: $text;
border-radius: 4px;
transition: all 0.3s;
@ -151,8 +153,10 @@ $high:var(--color-mark-text);
margin-left: 5px;
display: flex;
align-items: center;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
border: 1px solid #666d7d;
background-color: #50586c;
color: $text;
border-radius: 4px;
transition: all 0.3s;

4
src/pages/InRoadMgm/RecordInquiry/DisabledCarParkRecordTotal/index.scss
View File

@ -157,8 +157,8 @@ $color-primary: var(--color-primary);
.ant-picker {
width: 100%;
background-color: var(--color-search-list-item-bg);
border-color: var(--color-border);
// background-color: var(--color-search-list-item-bg);
// border-color: var(--color-border);
}
.yisa-table {

4
src/pages/InRoadMgm/RoadMgm/ParkList/index.scss
View File

@ -68,7 +68,7 @@ $color-primary: var(--color-primary);
input {
width: 100%;
border-color: var(--color-border);
background-color: var(--color-search-list-item-bg);
// background-color: var(--color-search-list-item-bg);
border-radius: 4px;
color: var(--color-search-list-item-value);
}
@ -142,7 +142,7 @@ $color-primary: var(--color-primary);
}
}
.ant-select-selector {
background-color: var(--color-search-list-item-bg) !important;
// background-color: var(--color-search-list-item-bg) !important;
box-shadow: none !important;
border-radius: 4px;
color: var(--color-search-list-item-value);

Write Preview
Loading…
Cancel
Save