优化项目目录工具栏与项目列表项布局

This commit is contained in:
xuans 2026-10-19 18:56:25 +08:00
parent 9f7e4af2db
commit 59cc3b13a1
2 changed files with 34 additions and 3 deletions

View File

@ -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;

View File

@ -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>