feat: message context menu

2022-05-12 21:22:28 +08:00
parent 25d69465c9
commit 6d5f8941d4
9 changed files with 429 additions and 215 deletions
@@ -8,20 +8,35 @@ const StyledMenu = styled.ul`
  box-shadow: 0px 20px 25px 20px rgba(31, 41, 55, 0.1),
    0px 10px 10px rgba(31, 41, 55, 0.04);
  border-radius: 12px;
+  min-width: 200px;
  .item {
+    display: flex;
+    align-items: center;
+    gap: 14px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 6px;
-    padding: 6px 8px;
+    padding: 6px;
    font-style: normal;
-    font-weight: 500;
+    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #616161;
-    /* transition: color 0.2s ease; */
+    .icon {
+      width: 20px;
+      height: 20px;
+      path {
+        fill: #475467;
+      }
+    }
    &:hover {
      background-color: #22ccee;
      color: #fff;
+      .icon {
+        path {
+          fill: #fff;
+        }
+      }
    }
    &.underline {
      border-bottom: 1px solid #e5e5e5;