gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: select选择器组件宽度调整

Browse Source
This commit is contained in:
@changcode
2022-08-10 17:25:29 +08:00
parent 5050f65fdd
commit fe46a0cabc
4 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/components/views/charts2/networkOverviewApps.scss
View File

@@ -18,7 +18,7 @@
box-shadow: none; box-shadow: none;
border-radius: 2px; border-radius: 2px;
.el-input__inner { .el-input__inner {
width: 80px; width: 100px;
height: 24px; height: 24px;
padding-left: 4px; padding-left: 4px;
line-height: 24px; line-height: 24px;

14
src/assets/css/components/views/charts2/networkOverviewLine.scss
View File

@@ -26,6 +26,19 @@
right: 20px; right: 20px;
display: flex; display: flex;
position: absolute; position: absolute;
.line-select-metric {}
.line-select__operation {
.el-input__inner {
width: 100px;
}
}
.line-select-reference-line {
.line-select__operation {
.el-input__inner {
width: 127px;
}
}
}
.line-select-metric,.line-select-reference-line { .line-select-metric,.line-select-reference-line {
display: flex; display: flex;
align-items: center; align-items: center;
@@ -44,7 +57,6 @@
padding-left: 4px; padding-left: 4px;
line-height: 24px; line-height: 24px;
height: 24px; height: 24px;
width: 80px;
font-size: 12px; font-size: 12px;
color: #2C72C6; color: #2C72C6;
font-weight: 400; font-weight: 400;

16
src/assets/css/components/views/charts2/networkOverviewTabs.scss
View File

@@ -111,15 +111,25 @@
} }
.option__select.select-column { .option__select.select-column {
margin-left:3px; margin-left:3px;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
border-radius: 2px; border-radius: 2px;
.el-input__inner { .el-input__inner {
width: 80px; width: 100px;
height:24px; height:24px;
padding-left: 8px; padding-left: 4px;
color:$blue; color:$blue;
font-weight:400; font-weight:400;
} }
.el-input__suffix {
display: flex;
.el-input__suffix-inner {
line-height: 24px;
.el-select__caret {
line-height: 24px;
width: 16px;
color: #575757;
}
}
}
} }
.option-popper { .option-popper {
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {

3
src/assets/css/components/views/charts2/npmAppEventTable.scss
View File

@@ -18,12 +18,11 @@
font-weight: 400; font-weight: 400;
} }
.option__select.select-column { .option__select.select-column {
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
border-radius: 2px; border-radius: 2px;
.el-input__inner { .el-input__inner {
width: 100px; width: 100px;
height:24px; height:24px;
padding-left: 8px; padding-left: 4px;
font-size: 12px; font-size: 12px;
color: #2C72C6; color: #2C72C6;
font-weight:400; font-weight:400;