mirror of
https://github.com/facebook/docusaurus.git
synced 2025-12-26 01:33:02 +00:00
fix:Correct the overflow of the of the buttons
This commit is contained in:
parent
0372ecd1e9
commit
404e5f7d7a
|
|
@ -21,7 +21,7 @@ export default function FooterLayout({
|
|||
className={clsx(ThemeClassNames.layout.footer.container, 'footer', {
|
||||
'footer--dark': style === 'dark',
|
||||
})}>
|
||||
<div className="container container-fluid">
|
||||
<div className="container container-fluid overflow-hidden">
|
||||
{links}
|
||||
{(logo || copyright) && (
|
||||
<div className="footer__bottom text--center">
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ function Column({column}: {column: ColumnType}) {
|
|||
|
||||
export default function FooterLinksMultiColumn({columns}: Props): ReactNode {
|
||||
return (
|
||||
<div className="row footer__links">
|
||||
<div className="row footer__links overflow-hidden">
|
||||
{columns.map((column, i) => (
|
||||
<Column key={i} column={column} />
|
||||
))}
|
||||
|
|
|
|||
|
|
@ -166,6 +166,7 @@ html[data-theme='dark'] .topBannerTitleText {
|
|||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin-top: 24px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.indexCtas a,
|
||||
|
|
|
|||
Loading…
Reference in New Issue