feat: forward message UX

2022-04-13 21:48:37 +08:00
parent 9552efc75e
commit 506fc8e59a
8 changed files with 281 additions and 12 deletions
@@ -36,6 +36,11 @@ const StyledButton = styled.button`
    background: none;
    color: #1fe1f9;
  }
+  &.cancel {
+    border: 1px solid #e5e7eb;
+    background: none;
+    color: #374151;
+  }
 `;

 export default StyledButton;
@@ -17,12 +17,16 @@ const StyledInput = styled.input`
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0px 1px 2px rgba(31, 41, 55, 0.08);
-  border-radius: 4px;
+  border-radius: var(--br);
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 8px;
+  outline: none;
+  &.higher {
+    padding: 12px 8px;
+  }
  &.large {
    font-weight: 400;
    font-size: 16px;