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

CN-304 feat: Entity Explorer--下拉详情-关系调整

Browse Source
This commit is contained in:
@changcode
2022-02-16 18:19:58 +08:00
parent 9689390af1
commit 5c3655f69d
6 changed files with 480 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
View File

@@ -122,6 +122,95 @@
}
}
.overview__content.domain__content {
.overview__tags.domain__tags {
flex-direction: column;
align-items: baseline;
max-width: 1500px;
.overview__domain-tabs {
display: flex;
margin: 0 0 8px 0;
.overview__domain-tab {
display: flex;
}
.overview__tag.domain__tag {
display: unset;
min-width: 154px;
padding: 6px 15px;
margin: 0 12px 0 0;
text-align: center;
height: 32px;
line-height: 1.5;
background-color: #EFF6FE;
font-size: 14px;
border-radius: 4px;
}
.overview__tag.domain__tag-list {
display: unset;
padding: 6px 15px;
margin: 4px 12px 0 0;
text-align: center;
height: 24px;
min-width: 125px;
line-height: 0.9;
background-color: #EFF6FE;
font-family: Roboto-Regular;
color: #3976CB;
font-size: 14px;
font-weight: 400;
border-radius: 15px;
position: relative;
}
.overview__domain-btn {
background-color: #EFF6FE;
width: 44px;
height: 24px;
border-radius: 15px;
color: #3976CB;
text-align: center;
margin: 4px 12px 0 0;
padding: 6px 15px;
line-height: .3;
cursor: pointer;
}
.overview__domain-more-tabs.show-more-app {
position: absolute;
top: 176px;
z-index: 1;
}
.overview__domain-more-tabs.show-more-ip {
position: absolute;
top: 215px;
z-index: 1;
}
.overview__domain-more-tabs {
min-width: 110px;
max-height: 180px;
overflow: auto;
background: #FFFFFF;
box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0,0,0.08), 0 9px 28px 8px rgba(0,0,0,0.05);
border-radius: 2px;
padding: 5px;
.domain-more-tab {
height: 24px;
padding: 6px 12px;
text-align: center;
font-family: Roboto-Regular;
font-size: 12px;
color: #666666;
letter-spacing: 0;
line-height: 12px;
font-weight: 400;
width: 84px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
}
}
}
.overview__tags {
display: flex;