feat: message reaction

2022-03-05 13:26:06 +08:00
parent acd007fb71
commit 2579761c7a
28 changed files with 826 additions and 304 deletions
@@ -7,12 +7,16 @@ const StyledMsg = styled.div`
  padding: 4px;
  margin: 8px 0;
  border-radius: 8px;
-  &:hover {
+  &:hover,
+  &.preview {
    background: #f5f6f7;
    .cmds {
      visibility: visible;
    }
  }
+  &.menu {
+    z-index: 9;
+  }
  .avatar {
    cursor: pointer;
    img {
@@ -41,6 +45,30 @@ const StyledMsg = styled.div`
        font-size: 12px;
        line-height: 18px;
      }
+      .likes {
+        display: flex;
+        gap: 8px;
+        font-size: 16px;
+        /* align-items: center; */
+        .like {
+          position: relative;
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          em {
+            font-size: 12px;
+            color: #999;
+          }
+          /* &:after {
+            content: attr(data-count);
+            position: absolute;
+            top: -4px;
+            right: -8px;
+            font-size: 12px;
+            color: #999;
+          } */
+        }
+      }
    }
    .down {
      user-select: text;