perf: 修改项目及消息置顶样式

This commit is contained in:
韦荣超 2022-02-23 12:06:43 +08:00
parent 76ab47c82e
commit 96587a4e45
4 changed files with 12 additions and 2 deletions

View File

@ -5,6 +5,7 @@
<div class="project-titbox"> <div class="project-titbox">
<div class="project-title"> <div class="project-title">
<h1>{{projectData.name}}</h1> <h1>{{projectData.name}}</h1>
<label v-if="projectData.top_at" class="top-text">置顶</label>
<div v-if="projectLoad > 0" class="project-load"><Loading/></div> <div v-if="projectLoad > 0" class="project-load"><Loading/></div>
</div> </div>
<ul class="project-icons"> <ul class="project-icons">

View File

@ -29,6 +29,15 @@
height: 22px; height: 22px;
} }
} }
.top-text{
width: 40px;
height: 24px;
border-radius:4px;
margin-left: 10px;
background-color: #8BCF70;
color:#FFFFFF;
text-align: center;
}
} }
.project-icons { .project-icons {
display: flex; display: flex;

View File

@ -226,7 +226,7 @@
} }
} }
.top { .top {
background-color: #dae3ef; background-color: #EEEFF1;
} }
.operate { .operate {
border:1px solid $primary-color; border:1px solid $primary-color;

View File

@ -192,7 +192,7 @@
transform: scale(0.8); transform: scale(0.8);
} }
&.top { &.top {
background-color: #f1f6fb; background-color: #EEEFF1;
} }
&.active { &.active {
background-color: #F4F5F7; background-color: #F4F5F7;