This repository has been archived on 2025-09-14. You can view files and clone it, but cannot push or open issues or pull requests.
Files
nezha-nezha-fronted/nezha-fronted/src/assets/css/components/common/globalSearch/searchItemInfo.scss
2022-01-17 16:32:00 +08:00

83 lines
1.7 KiB
SCSS

.search-item-box{
width: 100%;
height: 100%;
overflow: hidden;
background: $--background-color-2;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding: 60px 75px 0 75px;
.el-skeleton{
height: 100%;
overflow-y: auto;
}
.search-item-title-icon{
.nz-icon{
font-size: 32px;
}
}
.search-item-path{
margin: 16px 0;
font-size: 14px;
span:first-child{
color: $--color-text-secondary;
}
span:nth-of-type(2){
color: $--color-text-secondary;
margin: 0 5px;
}
span:nth-of-type(2){
color: $--color-text-primary;
}
}
.search-item-name{
font-size: 20px;
font-weight: 600;
max-width: 100%;
//overflow: hidden;
word-break: break-all;
word-wrap: break-word;
color: $--color-text-primary;
margin-bottom: 30px;
}
.search-item-info{
width: 100%;
border-bottom: 1px solid $--border-color-light;
display: flex;
height: 47px;
.search-item-key{
width: 120px;
font-size: 14px;
line-height: 47px;
color:$--color-text-regular;
letter-spacing: 0;
font-weight: 400;
}
.search-item-value-box{
line-height: 47px;
width: calc(100% - 120px);
display: flex;
.nz-icon{
line-height: 47px;
margin-right: 10px;
}
.nz-icon-guzhangshuju{
color: $--color-primary;
}
.search-item-value{
width: calc(100% - 30px);
font-size: 14px;
color: $--color-text-primary;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 47px;
}
}
}
.search-item-info:last-child{
border-bottom: none;
}
}