diff --git a/app/src/assets/scss/component/_typography.scss b/app/src/assets/scss/component/_typography.scss index d9f1bf92a..c0d1006fb 100644 --- a/app/src/assets/scss/component/_typography.scss +++ b/app/src/assets/scss/component/_typography.scss @@ -29,6 +29,7 @@ line-height: 1.625; padding: 4px; margin: 4px 0; + border-radius: 4px; } ins > iframe { @@ -304,7 +305,7 @@ } .hljs { - border-radius: 0 4px 4px 0; + border-radius: 4px; padding: 22px 4px; font-size: 85%; overflow: auto; diff --git a/app/src/assets/scss/mobile.scss b/app/src/assets/scss/mobile.scss index 484076d5a..0d30750ec 100644 --- a/app/src/assets/scss/mobile.scss +++ b/app/src/assets/scss/mobile.scss @@ -434,6 +434,10 @@ .protyle-wysiwyg [data-node-id].sb[data-sb-layout="col"] { flex-direction: column; flex-wrap: initial; + + & > div { + margin-right: 0; + } } } diff --git a/app/src/assets/scss/protyle/_wysiwyg.scss b/app/src/assets/scss/protyle/_wysiwyg.scss index 5b3db9209..a0a655cda 100644 --- a/app/src/assets/scss/protyle/_wysiwyg.scss +++ b/app/src/assets/scss/protyle/_wysiwyg.scss @@ -155,10 +155,17 @@ & > div { flex: 1; box-sizing: border-box; + margin-right: 24px; + + &:nth-last-child(2), + &:last-child { + margin-right: 0; + } } .sb { - margin: 0; + margin-top: 0; + margin-bottom: 0; } & > div .protyle-attr--refcount {