forgeplus-react/src/forge/topic/index.scss

99 lines
1.9 KiB
SCSS

.topicRepoList{
width: 900px;
margin: 0 auto;
min-height: 700px;
.flexBoxTopic{
display: flex;
align-items: center;
justify-content: space-between;
}
&>h2{
font-weight: 700;
}
.topicRepoHead{
color:#5f6872;
padding: 10px 15px;
border-bottom:1px solid rgba(153, 153, 153, 0.16);
}
.repoImg{
width:32px;
height: 32px;
object-fit: cover;
border-radius: 50%;
}
.repoTopic{
align-items: flex-start;
border-bottom:1px solid rgba(153, 153, 153, 0.1);
justify-content: flex-start;
padding: 20px 0 15px;
.rightInfo{
flex: 1;
}
.repoTitle{
flex: 1;
}
}
.descTopic{
color:#414141;
line-height: 24px;
}
.proListTopics{
display: flex;
flex-wrap: wrap;
.proListTopic{
background-color:#f3f8ff;
border-radius: 4px;
max-width: 158px;
padding: 0 10px;
height: 24px;
line-height: 24px;
color: #4c5b76;
margin-bottom: 5px !important;
}
}
.info3{
justify-content: flex-start;
color: #7D7D7D;
height: 20px;
line-height: 20px;
display: flex;
align-items: center;
.category{
position: relative;
padding-left: 11px;
margin-right: 10px;
&::before{
position: absolute;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #466AFF;
top: 7px;
left: 0px;
}
}
.language{
position: relative;
&.hasCate{
padding-left: 11px;
}
&.hasCate::before{
position: absolute;
content: "";
width: 1px;
height: 10px;
border-radius: 50%;
border-left: 1px solid #9e9e9e;
bottom: 5px;
left: 0px;
}
}
}
.pagTopic{
text-align: center;
}
.repoByTopicNodata .none_panels{
min-height: 520px;
}
}