fix: tailwind config 추가

Readme-Monster · Apr 27, 2024 · b90d349 · b90d349
1 parent e30b5f9
commit b90d349
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/common/Header/Header.tsx b/src/common/Header/Header.tsx
@@ -37,11 +37,17 @@ const Header = () => {
               hasDoneInitialMeasure: _hasDoneInitialMeasure,
               ...props
             }) => (
-              <div {...props} className="bg-black rounded p-3 mt-1">
-                <div className="p-1 cursor-pointer text-white" onClick={() => navigate("/mypage")}>
+              <div {...props} className="bg-black rounded p-3 mt-1 ">
+                <div
+                  className="p-1 cursor-pointer text-textWhite hover:text-textBlue"
+                  onClick={() => navigate("/mypage")}
+                >
                   마이페이지
                 </div>
-                <div className="p-1 cursor-pointer text-white" onClick={() => navigate("/login")}>
+                <div
+                  className="p-1 cursor-pointer text-textWhite hover:text-textBlue"
+                  onClick={() => navigate("/login")}
+                >
                   로그인
                 </div>
               </div>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -10,6 +10,8 @@ module.exports = {
         textBlue: "#4B88FF",
         textBlueHover: "#2F73FA",
         textgreyHover: "#E0DEDE",
+        textWhite: "#FFFFFF",
+        textBlack: "#000000",
       },
       screens: {
         mobile: "768px",