improve: フッタのITSロゴを画像化

su-its · Apr 3, 2024 · 4ce4a21 · 4ce4a21
1 parent c6afbce
commit 4ce4a21
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 9 deletions.
diff --git a/typing-app/src/assets/images/brand.png b/typing-app/src/assets/images/brand.png
diff --git a/typing-app/src/components/molecules/BrandText.tsx b/typing-app/src/components/molecules/BrandText.tsx
@@ -1,17 +1,11 @@
 import React from "react";
-import { Box, HStack, Text } from "@chakra-ui/react";
+import { Box, Image } from "@chakra-ui/react";
+import brandImage from "@/assets/images/brand.png";
 
 const BrandText: React.FC = () => {
   return (
     <Box>
-      <HStack>
-        <Text fontSize="50px" color={"white"}>
-          ITS
-        </Text>
-        <Text fontSize="20px" color={"white"}>
-          静岡大学ITソルーション室
-        </Text>
-      </HStack>
+      <Image src={brandImage.src} alt="Brand" ml={2} />
     </Box>
   );
 };