查看代码文件页面文件树头部有时不会固定住

This commit is contained in:
lutinglt
2025-08-13 23:35:03 +08:00
parent 1c9b02ea88
commit 8c45f44309
2 changed files with 14 additions and 3 deletions

1
.github/release.md vendored
View File

@@ -1,3 +1,4 @@
## 🐞 Fix ## 🐞 Fix
- 查看代码文件页面路径栏有时内容不会居中 - 查看代码文件页面路径栏有时内容不会居中
- 查看代码文件页面文件树头部有时不会固定住

View File

@@ -151,6 +151,8 @@ export const repoFileView = css`
max-width: calc(100% - calc(2 * 16px)); max-width: calc(100% - calc(2 * 16px));
} }
.repo-view-container { .repo-view-container {
position: sticky;
top: 0;
// 左侧文件树 // 左侧文件树
.repo-view-file-tree-container { .repo-view-file-tree-container {
height: 100vh; height: 100vh;
@@ -166,18 +168,26 @@ export const repoFileView = css`
background: ${themeVars.color.secondary.self}; background: ${themeVars.color.secondary.self};
} }
> .repo-button-row { > .repo-button-row {
height: 32px; align-content: center;
margin: 16px 0; background: ${themeVars.color.body};
height: 64px;
margin: 0;
position: sticky;
top: 0;
&:after { &:after {
content: ""; content: "";
position: absolute; position: absolute;
top: 32px + 32px; top: 64px;
left: -16px; left: -16px;
width: calc(100% + 16px); width: calc(100% + 16px);
height: 1px; height: 1px;
background: ${themeVars.color.secondary.self}; background: ${themeVars.color.secondary.self};
} }
} }
.view-file-tree-items {
margin-right: 0;
padding: 16px 16px 16px 0;
}
} }
// 右侧文件视图内容 // 右侧文件视图内容
.repo-view-content { .repo-view-content {