feat: move timestamp beside name (#2607)

* feat: move timestamp beside name * feat: timestamp top align
zer0-os · Jan 22, 2025 · 09a9291 · 09a9291
1 parent 8ea99b3
commit 09a9291
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/apps/feed/components/post/index.tsx b/src/apps/feed/components/post/index.tsx
@@ -188,6 +188,8 @@ export const Post = ({
                 {/* @ts-ignore */}
                 <Name className={styles.Name} variant='name'>
                   {nickname}
+                  <span>⋅</span>
+                  {variant === 'default' && <Timestamp className={styles.Date} timestamp={timestamp} />}
                 </Name>
                 {author && (
                   <>
@@ -200,7 +202,6 @@ export const Post = ({
               </div>
             </div>
           }
-          options={variant === 'default' && <Timestamp className={styles.Date} timestamp={timestamp} />}
           actions={
             isMeowsEnabled && (
               <Actions variant={variant}>

diff --git a/src/apps/feed/components/post/styles.module.scss b/src/apps/feed/components/post/styles.module.scss
@@ -73,9 +73,22 @@
 }
 
 .Name {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+
   font-size: 14px !important;
   font-weight: 600;
   line-height: 14px;
+
+  .Date,
+  span {
+    font-weight: 400;
+  }
+
+  .Date {
+    font-size: 12px;
+  }
 }
 
 .UserName {