From b57d7c6d5a4ba866a484ce6527264ca0481cb2bc Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Sun, 5 Mar 2023 19:53:24 +0000
Subject: [PATCH] added username to `userpreview`

---
 packages/app/src/components/UserPreview/index.jsx  | 5 ++++-
 packages/app/src/components/UserPreview/index.less | 7 ++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/components/UserPreview/index.jsx b/packages/app/src/components/UserPreview/index.jsx
index d05c491c..992fa5b4 100755
--- a/packages/app/src/components/UserPreview/index.jsx
+++ b/packages/app/src/components/UserPreview/index.jsx
@@ -65,9 +65,12 @@ export default (props) => {
         </div>
         <div className="info">
             <h1>
-                {userData.fullName ?? `@${userData.username}`}
+                {userData.fullName ?? userData.username}
                 {userData.verified && <Icons.verifiedBadge />}
             </h1>
+            <span>
+                @{userData.username}
+            </span>
         </div>
     </div>
 }
\ No newline at end of file
diff --git a/packages/app/src/components/UserPreview/index.less b/packages/app/src/components/UserPreview/index.less
index ca5f302d..26448bcf 100755
--- a/packages/app/src/components/UserPreview/index.less
+++ b/packages/app/src/components/UserPreview/index.less
@@ -30,8 +30,9 @@
     .info {
         display: inline-flex;
         flex-direction: column;
-        align-items: center;
-        justify-content: start;
+
+        align-items: flex-start;
+        justify-content: center;
 
         text-align: start;
 
@@ -43,7 +44,7 @@
             align-self: start;
 
             color: var(--background-color-contrast);
-            font-size: 1rem;
+            font-size: 1.1rem;
 
             margin: 0;
         }