refactor(verifier): improve layout of Twitter icon on UserCard

- Wrap Twitter icon in a flex container for better alignment - Add gap between elements for improved spacing
zCloak-Network · Nov 18, 2024 · f1ac7e8 · f1ac7e8
1 parent 05eb9bb
commit f1ac7e8
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/app/sign/verifier/UserCard.tsx b/src/app/sign/verifier/UserCard.tsx
@@ -61,16 +61,18 @@ export default function UserCard(props: {
             }
           </div>
 
-          {hasBindTwitter ? (
-            <a
-              className="border-none bg-gray-600 btn btn-circle btn-xs"
-              onClick={() =>
-                window.open(`https://twitter.com/${hasBindTwitter}`)
-              }
-            >
-              <XIcon />
-            </a>
-          ) : null}
+          <div className="flex w-full gap-2">
+            {hasBindTwitter ? (
+              <a
+                className="border-none bg-gray-600 btn btn-circle btn-xs"
+                onClick={() =>
+                  window.open(`https://twitter.com/${hasBindTwitter}`)
+                }
+              >
+                <XIcon />
+              </a>
+            ) : null}
+          </div>
         </div>
       </div>
     </div>