feat:footer, headerの色を変更

su-its · Mar 29, 2024 · 277f5b9 · 277f5b9
1 parent 361515d
commit 277f5b9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/typing-app/src/app/globals.css b/typing-app/src/app/globals.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 :root {
-  --foreground-rgb: 255, 255, 255;
+  --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 0, 0, 0;
   --background-end-rgb: 0, 0, 0;
 }

diff --git a/typing-app/src/components/molecules/UserCard.tsx b/typing-app/src/components/molecules/UserCard.tsx
@@ -2,7 +2,6 @@ import React from "react";
 import { Avatar, Box, Text, HStack, VStack } from "@chakra-ui/react";
 
 const UserCard: React.FC = () => {
-  const bgColor = "#0000cd"; // 濃い青の背景色
 
   // モックのユーザー情報
   const user = {
@@ -13,10 +12,10 @@ const UserCard: React.FC = () => {
 
   return (
     user && (
-      <Box bg={bgColor} p={4} maxH="120px">
+      <Box bg={ "blue.600" } p={5} >
         <HStack spacing={4}>
           <Avatar src={user.avatarUrl} maxW="100px" borderRadius="9" />
-          <VStack align="start" spacing={1}>
+          <VStack align="start">
             <Text fontSize="lg" fontWeight="bold" color={"white"}>
               名前: {user.name}
             </Text>

diff --git a/typing-app/src/components/organism/Footer.tsx b/typing-app/src/components/organism/Footer.tsx
@@ -7,7 +7,7 @@ const Footer: React.FC = () => {
   return (
     <>
       <Separator />
-      <Flex alignItems="center" justifyContent="space-between">
+      <Flex alignItems="center" justifyContent="space-between" bg={ "blue.600" }>
         <BrandText />
       </Flex>
     </>