site: move the blur to inner div (#48283)

This commit is contained in:
Eden Wang 2024-04-05 11:41:02 +08:00 committed by GitHub
parent 1d79f6d962
commit d62d51a76c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -23,7 +23,6 @@ const useStyle = createStyles(({ token, css }) => {
margin: 0 0 12px 0; margin: 0 0 12px 0;
padding: 8px 0; padding: 8px 0;
padding-inline: 4px 8px; padding-inline: 4px 8px;
backdrop-filter: blur(8px);
border-radius: ${token.borderRadius}px; border-radius: ${token.borderRadius}px;
box-sizing: border-box; box-sizing: border-box;
margin-inline-end: calc(16px - 100vw + 100%); margin-inline-end: calc(16px - 100vw + 100%);
@ -44,6 +43,7 @@ const useStyle = createStyles(({ token, css }) => {
margin: 0 auto; margin: 0 auto;
overflow: auto; overflow: auto;
padding-inline: 4px; padding-inline: 4px;
backdrop-filter: blur(8px);
} }
@media only screen and (max-width: ${token.screenLG}px) { @media only screen and (max-width: ${token.screenLG}px) {