Bläddra i källkod

update Comment.module.scss

jam411 3 år sedan
förälder
incheckning
5e6c2bc612

+ 10 - 0
packages/app/src/components/PageComment/Comment.module.scss

@@ -35,7 +35,17 @@ $bgcolor-global: white;
   }
   }
 }
 }
 
 
+.page-comment-writer :global {
+  @include bs.media-breakpoint-down(xs) {
+    height: 3.5em;
+  }
+}
+
 .page-comment :global {
 .page-comment :global {
+  h4 {
+    margin-bottom: 1em;
+  }
+
   position: relative;
   position: relative;
   padding-top: 70px;
   padding-top: 70px;
   margin-top: -70px;
   margin-top: -70px;

+ 1 - 1
packages/app/src/components/PageComment/Comment.tsx

@@ -133,7 +133,7 @@ export const Comment = (props: CommentProps): JSX.Element => {
         />
         />
       ) : (
       ) : (
         <div id={commentId} className={rootClassName}>
         <div id={commentId} className={rootClassName}>
-          <div className="page-comment-writer">
+          <div className={`${styles['page-comment-writer']}`}>
             <UserPicture user={creator} />
             <UserPicture user={creator} />
           </div>
           </div>
           <div className="page-comment-main">
           <div className="page-comment-main">