mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-12-18 19:39:51 +08:00
Code Issues Actions 19 Packages Projects Releases Wiki Activity

docs: fix website sider border missing (#51925)

Browse Source 
* docs: fix website sider border missing

* Update index.tsx

Signed-off-by: afc163 <afc163@gmail.com>

* Update index.tsx

Signed-off-by: afc163 <afc163@gmail.com>

* Update .dumi/theme/slots/Sidebar/index.tsx

Co-authored-by: lijianan <574980606@qq.com>
Signed-off-by: afc163 <afc163@gmail.com>

* Update index.tsx

Signed-off-by: afc163 <afc163@gmail.com>

---------

Signed-off-by: afc163 <afc163@gmail.com>
Co-authored-by: lijianan <574980606@qq.com>
This commit is contained in:
afc163 2024-12-14 22:45:30 +08:00 committed by GitHub
parent 05b9c25bf2
commit 115a4166da
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
.dumi/theme/slots/Sidebar/index.tsx
View File

@ -8,13 +8,14 @@ import useMenu from '../../../hooks/useMenu';
import SiteContext from '../SiteContext'; import SiteContext from '../SiteContext';
const useStyle = createStyles(({ token, css }) => { const useStyle = createStyles(({ token, css }) => {
const { antCls, fontFamily, colorSplit } = token; const { antCls, fontFamily, colorSplit, marginXXL, paddingXXS } = token;
return { return {
asideContainer: css` asideContainer: css`
min-height: 100%; min-height: 100%;
padding-bottom: 48px; padding-bottom: ${marginXXL}px !important;
font-family: Avenir, ${fontFamily}, sans-serif; font-family: Avenir, ${fontFamily}, sans-serif;
padding: 0 ${paddingXXS}px;
&${antCls}-menu-inline { &${antCls}-menu-inline {
${antCls}-menu-submenu-title h4, ${antCls}-menu-submenu-title h4,
@ -94,14 +95,10 @@ const useStyle = createStyles(({ token, css }) => {
position: sticky; position: sticky;
top: ${token.headerHeight + token.contentMarginTop}px; top: ${token.headerHeight + token.contentMarginTop}px;
width: 100%; width: 100%;
height: 100%;
max-height: calc(100vh - ${token.headerHeight + token.contentMarginTop}px); max-height: calc(100vh - ${token.headerHeight + token.contentMarginTop}px);
overflow: hidden; overflow: hidden;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-gutter: stable; scrollbar-gutter: stable;
.ant-menu {
padding: 0 4px;
}
&:hover { &:hover {
overflow-y: auto; overflow-y: auto;