Merge pull request #681 from thematters/fix/styles

Bugfix & Style Improvements
thematters · Feb 7, 2020 · 7c716c4 · 7c716c4
2 parents 4242107 + 96bd646
commit 7c716c4
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 4 deletions.
diff --git a/src/common/styles/bases/defaults.css b/src/common/styles/bases/defaults.css
@@ -109,3 +109,13 @@ samp,
 pre {
   background: var(--color-grey-lighter);
 }
+
+code,
+kbd,
+samp {
+  padding: var(--spacing-xx-tight);
+}
+
+pre {
+  padding: var(--spacing-x-tight) var(--spacing-base);
+}
diff --git a/src/common/utils/validator.ts b/src/common/utils/validator.ts
@@ -9,7 +9,7 @@ export interface ValidEmailOptions {
   allowPlusSign: boolean
 }
 
-const EMAIL_DOMAIN_WHITELIST = ['matters.news']
+const EMAIL_DOMAIN_WHITELIST = ['matters.news', 'like.co']
 
 export const isValidEmail = (str: string, options: ValidEmailOptions) => {
   const { allowPlusSign } = options

diff --git a/src/components/Notice/NoticeComment.tsx b/src/components/Notice/NoticeComment.tsx
@@ -49,7 +49,12 @@ const NoticeComment = ({ comment }: { comment: NoticeCommentType | null }) => {
 
   return (
     <section className="comment-content">
-      <Card {...path} bgColor="grey-lighter" spacing={['xtight', 'base']}>
+      <Card
+        {...path}
+        bgColor="grey-lighter"
+        spacing={['xtight', 'base']}
+        borderRadius="xxtight"
+      >
         <Expandable>
           <CommentContent comment={comment} size="sm" />
         </Expandable>

diff --git a/src/components/UserDigest/Rich/index.tsx b/src/components/UserDigest/Rich/index.tsx
@@ -111,7 +111,7 @@ const Rich = ({
       <section className={containerClass}>
         <Link {...path}>
           <a className="avatar">
-            <Avatar size={size === 'sm' ? 'lg' : 'xl'} />
+            <Avatar size={size === 'sm' ? 'lg' : 'xl'} user={user} />
             {avatarBadge && <span className="badge">{avatarBadge}</span>}
           </a>
         </Link>

diff --git a/src/views/Follow/FollowFeed/FollowComment/index.tsx b/src/views/Follow/FollowFeed/FollowComment/index.tsx
@@ -80,7 +80,12 @@ const FollowComment = ({
       </section>
 
       <section className="comment-content">
-        <Card {...path} bgColor="grey-lighter" spacing={['xtight', 'base']}>
+        <Card
+          {...path}
+          bgColor="grey-lighter"
+          spacing={['xtight', 'base']}
+          borderRadius="xxtight"
+        >
           <Expandable limit={5} buffer={2}>
             <Comment.Content comment={comment} size="md-s" />
           </Expandable>