fix(ui): texthighlight block to full-width & -4rem

intk · Mar 7, 2024 · 9b03629 · 9b03629
1 parent 6d32fcb
commit 9b03629
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/src/components/blocks/TextHighlight/index.jsx b/frontend/src/components/blocks/TextHighlight/index.jsx
@@ -11,7 +11,7 @@ const installTextHighlightBlock = (config) => {
     view: (props) => {
       const text = props.data.plaintext.trim() || '';
       return text ? (
-        <div className="block text-highlight">
+        <div className="block full-width text-highlight">
           <Container>
             <TextBlockView {...props} />
           </Container>

diff --git a/frontend/theme/extras/blocks/textHighlight.less b/frontend/theme/extras/blocks/textHighlight.less
@@ -3,12 +3,13 @@
   min-height: 70px;
   align-items: center;
   justify-content: center;
-  margin-top: -1rem;
+  margin-top: -3rem;
   margin-bottom: 3rem;
   background-color: @highlightColor;
 
   &:not(.edit-mode) {
     min-height: 70px;
+    margin-top: -4rem;
   }
 
   .text-slate-editor-inner {