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

CN-1592 feat: 部分css重构内容

Browse Source
This commit is contained in:
chenjinsong
2024-03-26 17:06:32 +08:00
parent 19d50f45c6
commit 2e83fd893e
25 changed files with 600 additions and 1746 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/assets/css/components/views/charts2/entityDetailLine.scss
View File

@@ -13,13 +13,13 @@
.select-prefix {
font-size: 14px;
color: #999;
color: var(--el-text-color-secondary);
padding: 0 6px 0 3px;
}
.el-input__inner {
font-size: 14px;
color: #353636;
color: var(--el-text-color-regular);
}
.common-select {
@@ -41,10 +41,9 @@
min-height: 24px !important;
padding-left: 4px;
font-size: 12px;
font-weight: 400;
border-radius: 2px;
border-radius: var(--el-border-radius-base);
.el-select__placeholder {
color: #2C72C6 !important;
color: var(--el-color-primary) !important;
margin-left: 1px;
}
.el-select__suffix {
@@ -71,7 +70,6 @@
margin-right: 10px;
height: 24px;
line-height: 24px;
border: 1px solid #DCDFE6;
}
}
}

7
src/assets/css/components/views/charts2/linkBlock.scss
View File

@@ -1,7 +1,4 @@
.link-blocks {
$blue: #046ECA;
$grey: #353636;
display: flex;
justify-content: space-between;
height: 100%;
@@ -18,7 +15,7 @@
.block-list__title {
position: absolute;
font-size: 14px;
color: #046ECA;
color: var(--el-color-primary);
top: 16px;
left: 20px;
}
@@ -66,7 +63,7 @@
}
}
/*.link-blocks {
$blue: #046ECA;
$blue: var(--el-color-primary);
$grey: #353636;
border: 1px solid #E2E5EC;

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

@@ -2,24 +2,29 @@
height: 100%;
width: 100%;
position: relative;
border: 1px solid $--border-color;
border: 1px solid var(--el-border-color-light);
border-radius: 4px;
.chart-drawing {
height: 100%;
width: 100%;
.echarts-tooltip.echarts-tooltip-dark {
.cn-chart-body {
display: flex;
.cn-chart-tooltip {
display: flex;
flex-direction: column;
flex: 1;
.cn-chart-tooltip-box {
margin-right: 10px;
}
.cn-chart-tooltip-value.cn-chart-tooltip__color {
font-size: 12px;
color: #353636;
color: var(--el-text-color-primary);
line-height: 21px;
font-weight: 600;
}
@@ -31,25 +36,14 @@
display: flex;
justify-content: space-between;
height: 73px;
.line-select.line-header-right {
display: flex;
//flex: 1;
.line-select__operation {
.el-select__wrapper {
height: 24px !important;
min-height: 24px !important;
}
.el-input__inner {
width: 100px;
}
}
.line-select-reference-line {
margin-right: 20px;
.line-select__operation {
.el-select__wrapper {
height: 24px !important;
min-height: 24px !important;
}
.el-input__inner {
width: 127px;
}
@@ -61,47 +55,22 @@
.line-select-metric,.line-select-reference-line {
display: flex;
align-items: center;
.line-select__operation {
min-width: 127px;
height: 24px;
margin-left: 3px;
box-shadow: none;
border-radius: 2px;
.el-select__wrapper {
min-height: 24px !important;
//padding-left: 4px;
line-height: 24px !important;
height: 24px;
font-size: 12px;
color: $--text-color-6;
color: var(--el-color-primary);
font-weight: 400;
padding: 5px 6px 4px 5px !important;
.el-select__placeholder {
color: $--text-color-6;
}
.el-select__suffix {
.el-icon {
color: #575757;
}
}
//.el-input__inner {
// padding-left: 4px;
// line-height: 24px;
// height: 24px;
// font-size: 12px;
// color: #2C72C6;
// 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;
}
color: var(--el-color-primary);
}
}
}
@@ -116,43 +85,42 @@
position: absolute;
height: 3px;
border-radius: 4px 0 0 0;
background: #046ECA;
background: var(--el-color-primary);
top: 0;
z-index: 1;
transition: all linear .2s;
}
.line-value {
//position: absolute;
//top: 0;
//left: 0;
display: flex;
.line-value-tabs.mousemove-cursor {
border-top: 4px solid #D3D0D8;
border-top: 4px solid var(--el-border-color-dark);
z-index: 0;
}
.line-value-tabs {
cursor: pointer;
padding: 16px 0 0 20px;
border-top: 4px solid transparent;
.line-value-unit {
.line-value-unit-number {
font-family: Helvetica-Bold;
font-size: 28px;
color: $--text-color-1;
color: var(--el-text-color-primary);
margin-right: 4px;
}
.line-value-unit-number2 {
font-size: 0;
span {
font-size: 12px;
color: $--text-color-2;
font-weight: 400;
color: var(--el-text-color-regular);
}
}
}
.line-value-tabs-name {
position: relative;
display: flex;
.tabs-name {
flex: 1;
padding-left: 19px;

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

@@ -1,22 +1,22 @@
.tabs {
$blue: #046ECA;
$grey: #353636;
height:calc(100% - 64px);
font-size:12px;
.tab-hide{
margin-top:42px;
height: calc(100% - 64px);
font-size: 12px;
.tab-hide {
margin-top: 42px;
}
.cn-chart__tabs {
height:100%;
height: 100%;
.tab-pane {
height:100%;
.title-search {
display:flex;
flex-direction:row;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
width:100%;
height:36px;
width: 100%;
height: 36px;
.title-search__span {
margin-right:6px;
}
@@ -38,8 +38,7 @@
align-items: center;
height: 24px;
justify-content: center;
line-height: 24px;
//padding: 0px 7px;
line-height: 27px; // 使搜索图标与header文本齐平
span {
margin-right: 7px;
}
@@ -78,6 +77,7 @@
}
.tab-table {
border: 1px solid #E2E5EC;
border-bottom: none;
border-radius: 4px 4px 0 0;
padding: 1px;
@@ -85,13 +85,7 @@
cursor: pointer;
}
.el-table__inner-wrapper {
width: calc(100% + 2px);
}
.el-table__header {
width:100% !important;
}
.el-table__body {
width:100% !important;
width: calc(100% + 2px); // 防止横向出现滚动条
}
}
.dns-in-ex {
@@ -191,9 +185,6 @@
color: #E44D3E;
}
}
.el-table--group::after,.el-table--border::after, .el-table::before {
height: 0px;
}
.el-table thead {
color: $--text-color-1;
}
@@ -240,10 +231,6 @@
.el-table__border-left-patch {
width: 0;
}
.el-table__inner-wrapper::after, .el-table__inner-wrapper::before {
width: 0;
height: 0;
}
}
.el-tabs__header {
margin-bottom: 10px;

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

@@ -90,7 +90,7 @@
}
.cn-chart-tooltip-value.cn-chart-tooltip__color {
font-size: 12px;
color: #353636;
color: var(--el-text-color-primary);
line-height: 21px;
font-weight: 600;
}

19
src/assets/css/components/views/charts2/panel.scss
View File

@@ -77,7 +77,7 @@
display: flex;
&>.el-select {
width: 162px !important;
width: 175px !important;
margin-right: 10px;
.select-prefix {
@@ -94,21 +94,8 @@
.panel__time {
display: flex;
}
.el-select__wrapper {
height: 28px !important;
min-height: 20px !important;
padding: 5px 7px 4px 5px !important;
.el-select__prefix {
.select-prefix {
margin-right: -5px !important;
}
}
.el-select__suffix {
.el-icon {
margin-left: -17px !important;
margin-top: -2px !important;
}
}
.el-select__wrapper .el-select__prefix .select-prefix {
margin-right: -5px !important;
}
}
}

2
src/assets/css/components/views/setting/knowledgeBase.scss
View File

@@ -2062,7 +2062,7 @@
}
.cn-chart-tooltip-value.cn-chart-tooltip__color {
font-size: 12px;
color: #353636;
color: var(--el-text-color-primary);
line-height: 21px;
font-weight: 600;
}