diff --git a/.github/release.md b/.github/release.md index 3e555c1..2ac0f31 100644 --- a/.github/release.md +++ b/.github/release.md @@ -1,3 +1,4 @@ ## 🐞 Fix - 查看代码文件页面路径栏有时内容不会居中 +- 查看代码文件页面文件树头部有时不会固定住 diff --git a/styles/components/filelist.ts b/styles/components/filelist.ts index 0ee913b..d29c9f5 100644 --- a/styles/components/filelist.ts +++ b/styles/components/filelist.ts @@ -151,6 +151,8 @@ export const repoFileView = css` max-width: calc(100% - calc(2 * 16px)); } .repo-view-container { + position: sticky; + top: 0; // 左侧文件树 .repo-view-file-tree-container { height: 100vh; @@ -166,18 +168,26 @@ export const repoFileView = css` background: ${themeVars.color.secondary.self}; } > .repo-button-row { - height: 32px; - margin: 16px 0; + align-content: center; + background: ${themeVars.color.body}; + height: 64px; + margin: 0; + position: sticky; + top: 0; &:after { content: ""; position: absolute; - top: 32px + 32px; + top: 64px; left: -16px; width: calc(100% + 16px); height: 1px; background: ${themeVars.color.secondary.self}; } } + .view-file-tree-items { + margin-right: 0; + padding: 16px 16px 16px 0; + } } // 右侧文件视图内容 .repo-view-content {