julian/win-cleaner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix ui

Browse Source
This commit is contained in:
Julian Freeman
2026-03-03 11:36:15 -04:00
parent ba7aa8cc22
commit add9227fa1
1 changed files with 29 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/App.vue
View File

@@ -418,7 +418,7 @@ function splitSize(sizeStr: string | number) {
<p>正在分析数百万个文件，请稍候...</p> <p>正在分析数百万个文件，请稍候...</p>
</div> </div>
<div v-else> <div v-else class="tree-content-wrapper">
<div class="tree-header"> <div class="tree-header">
<span class="col-name">文件/文件夹名称</span> <span class="col-name">文件/文件夹名称</span>
<span class="col-size">大小</span> <span class="col-size">大小</span>
@@ -606,10 +606,19 @@ body {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
} }
/* 当处于全屏模式（深度分析）时，内容区本身不滚动，让内部树形滚动 */
.content:has(.page-container.full-width) {
overflow-y: hidden;
}
.page-container { max-width: 800px; margin: 0 auto; padding-bottom: 10px; transition: max-width 0.4s ease; } .page-container { max-width: 800px; margin: 0 auto; padding-bottom: 10px; transition: max-width 0.4s ease; }
.page-container.full-width { max-width: 1400px; } .page-container.full-width {
.page-header { margin-bottom: 40px; text-align: center; } max-width: 1400px;
height: calc(100vh - 96px);
display: flex;
flex-direction: column;
}
.page-header { margin-bottom: 40px; text-align: center; flex-shrink: 0; }
.page-header h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: var(--text-main); } .page-header h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; color: var(--text-main); }
.page-header p { color: var(--text-sec); font-size: 15px; } .page-header p { color: var(--text-sec); font-size: 15px; }
@@ -625,6 +634,7 @@ body {
cursor: pointer; cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: var(--btn-shadow); box-shadow: var(--btn-shadow);
flex-shrink: 0;
} }
.btn-primary:hover { background-color: var(--primary-hover); transform: translateY(-1.5px); box-shadow: 0 6px 16px rgba(0, 122, 255, 0.35); } .btn-primary:hover { background-color: var(--primary-hover); transform: translateY(-1.5px); box-shadow: 0 6px 16px rgba(0, 122, 255, 0.35); }
.btn-primary:active { transform: translateY(0); } .btn-primary:active { transform: translateY(0); }
@@ -792,16 +802,25 @@ body {
.detail-content li { margin-bottom: 8px; line-height: 1.4; } .detail-content li { margin-bottom: 8px; line-height: 1.4; }
/* --- 磁盘树样式 --- */ /* --- 磁盘树样式 --- */
.advanced-actions { display: flex; justify-content: center; margin-bottom: 32px; } .advanced-actions { display: flex; justify-content: center; margin-bottom: 32px; flex-shrink: 0; }
.tree-table-container { .tree-table-container {
background: #fff; background: #fff;
border-radius: 24px; border-radius: 24px;
overflow: hidden; overflow: hidden;
margin-top: 32px; margin-top: 32px;
min-height: 400px; flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
box-shadow: var(--card-shadow); box-shadow: var(--card-shadow);
border: 1px solid rgba(0,0,0,0.02); border: 1px solid rgba(0,0,0,0.02);
} }
.tree-content-wrapper {
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
.tree-header { .tree-header {
display: flex; display: flex;
background: #F9FAFB; background: #F9FAFB;
@@ -812,8 +831,12 @@ body {
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.5px; letter-spacing: 0.5px;
border-bottom: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);
flex-shrink: 0;
}
.tree-body {
flex: 1;
overflow-y: auto;
} }
.tree-body { max-height: 550px; overflow-y: auto; }
.tree-row { .tree-row {
display: flex; display: flex;
align-items: center; align-items: center;