support UserPreview on bigmode

packages/app/src/components/UserPreview/index.jsx

@@ -58,7 +58,8 @@ export default (props) => {
             "userPreview",
             {
                 ["clickable"]: typeof props.onClick === "function",
-                ["small"]: props.small
+                ["small"]: props.small && !props.big,
+                ["big"]: props.big && !props.small,
             }
         )}
     >

packages/app/src/components/UserPreview/index.less

@@ -26,6 +26,28 @@
         }
     }
 
+    &.big {
+        flex-direction: column;
+        font-size: 1.6em;
+
+        width: 80vw;
+
+        padding: 20px;
+
+        background-color: var(--background-color-accent);
+        border-radius: 12px;
+
+        .avatar {
+            width: 50vw;
+            height: 50vw;
+        }
+
+        .info {
+            padding: 20px;
+            width: 100%;
+        }
+    }
+
     .avatar {
         display: flex;