From ceb447307d0ee5932aa2b617277bfbddf1cc50b4 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Mon, 19 Jun 2023 19:22:29 +0000
Subject: [PATCH] support `UserPreview` on bigmode

---
 .../app/src/components/UserPreview/index.jsx  |  3 ++-
 .../app/src/components/UserPreview/index.less | 22 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/UserPreview/index.jsx b/packages/app/src/components/UserPreview/index.jsx
index 9bac214a..58f96b58 100755
--- a/packages/app/src/components/UserPreview/index.jsx
+++ b/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,
             }
         )}
     >
diff --git a/packages/app/src/components/UserPreview/index.less b/packages/app/src/components/UserPreview/index.less
index 283c81d4..0bd420f5 100755
--- a/packages/app/src/components/UserPreview/index.less
+++ b/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;