优化项目目录工具栏与项目列表项布局
This commit is contained in:
parent
9f7e4af2db
commit
59cc3b13a1
@ -78,6 +78,9 @@
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #edf2f7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.project-directory .project-toolbar h3 {
|
||||
@ -87,6 +90,31 @@
|
||||
color: #1e293b;
|
||||
}
|
||||
|
||||
.project-page-size-label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
color: #64748b;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.project-page-size-label select {
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
min-width: 60px;
|
||||
height: 28px;
|
||||
padding: 2px 8px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 6px;
|
||||
font-size: 12px;
|
||||
color: #1e293b;
|
||||
background: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.project-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -123,14 +151,16 @@
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.project-list button {
|
||||
.project-management .project-list button {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
padding: 12px 14px;
|
||||
height: auto;
|
||||
min-height: 44px;
|
||||
padding: 10px 14px 10px 18px;
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 10px;
|
||||
background: #ffffff;
|
||||
|
||||
@ -62,7 +62,8 @@ const {
|
||||
<aside class="project-directory" aria-label="可见项目">
|
||||
<div class="project-toolbar">
|
||||
<h3>我的项目</h3>
|
||||
<label>每页
|
||||
<label class="project-page-size-label">
|
||||
<span>每页</span>
|
||||
<select :value="projectPageSize" :disabled="loadingProjects || savingMember" @change="changeProjectPageSize($event.target.value)">
|
||||
<option v-for="size in pageSizes" :key="size" :value="size">{{ size }}</option>
|
||||
</select>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user