From 22e4b0e2912b83bb7aa82da511a755a20eb89d4c Mon Sep 17 00:00:00 2001
From: KikyoNanakusa <nanakusa.vrc@gmail.com>
Date: Fri, 5 Apr 2024 09:33:15 +0900
Subject: [PATCH] =?UTF-8?q?feat:UserCard=E3=81=AE=E3=82=B5=E3=82=A4?=
 =?UTF-8?q?=E3=82=BA=E3=82=92=E6=8B=A1=E5=A4=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/molecules/UserCard.tsx     | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/typing-app/src/components/molecules/UserCard.tsx b/typing-app/src/components/molecules/UserCard.tsx
index 05bf0ee..c39e0ab 100644
--- a/typing-app/src/components/molecules/UserCard.tsx
+++ b/typing-app/src/components/molecules/UserCard.tsx
@@ -9,17 +9,15 @@ interface UserCardPresenterProps {
 
 export const UserCardPresenter = ({ user }: UserCardPresenterProps) => {
   return (
-    <Box bg="blue.600" p={5}>
-      <HStack spacing={4}>
-        <Avatar src={ "https://www.shizuoka.ac.jp/cms/files/shizudai/MASTER/0100/uISrbYCb_VL033_r03.png" } maxW="100px" borderRadius="0" />
-        <VStack align="start">
-          <Text fontSize="lg" fontWeight="bold" color="white">
-            名前: {user ? user.handleName : "ログインしていません"}
-          </Text>
-          <Text color="white">学籍番号: {user ? user.studentNumber : "未ログイン"}</Text>
-        </VStack>
-      </HStack>
-    </Box>
+    <HStack spacing={4} bg="blue.600">
+      <Avatar src={"https://www.shizuoka.ac.jp/cms/files/shizudai/MASTER/0100/uISrbYCb_VL033_r03.png"} boxSize="100px" borderRadius="0" />
+      <VStack align="start" paddingRight="8px">
+        <Text fontSize="lg" fontWeight="bold" color="white">
+          名前: {user ? user.handleName : "ログインしていません"}
+        </Text>
+        <Text color="white">学籍番号: {user ? user.studentNumber : "未ログイン"}</Text>
+      </VStack>
+    </HStack>
   );
 };