diff --git a/pages/test/modals-test.tsx b/pages/test/modals-test.tsx index 5ece02f1..f62da64a 100644 --- a/pages/test/modals-test.tsx +++ b/pages/test/modals-test.tsx @@ -1,7 +1,6 @@ import { ThumbnailSelectorProps } from "modalContent/ThumbnailSelector"; import Image from "next/image"; import { useState } from "react"; -import { Button } from "signup"; import CommonButton from "@shared/components/CommonButton"; import useModal from "../../src/shared/hook/useModal"; diff --git a/src/shared/components/CommonButton.tsx b/src/shared/components/CommonButton.tsx index de308e9e..3347b927 100644 --- a/src/shared/components/CommonButton.tsx +++ b/src/shared/components/CommonButton.tsx @@ -1,3 +1,5 @@ +import React from "react"; + interface CommonButtonProps extends Partial> { variant: diff --git a/src/shared/modal/Alert.tsx b/src/shared/modal/Alert.tsx index 7a70b6ad..8e2a9479 100644 --- a/src/shared/modal/Alert.tsx +++ b/src/shared/modal/Alert.tsx @@ -27,7 +27,7 @@ const Alert = () => {
- pin + pin image {isHeaderCloseBtn && ( @@ -37,7 +37,7 @@ const Alert = () => { src={CloseButton} width={24.72} height={24.72} - alt="close-button" + alt="close button image" /> )} diff --git a/tailwind.config.js b/tailwind.config.js index 9a88ab6a..5b5bb0ea 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,15 +7,14 @@ module.exports = { theme: { extend: { colors: { - "c-accept": "#00D179", - "c-accept-disabled": "#00D17975", - "c-warn": "#FACD49", - "c-warn-disabled": "#FACD4975", - "c-danger": "#FF2330", - "c-danger-disabled": "#FFA4A475", + "c-accept": "#00D179", // green. 확인용 색상 + "c-accept-disabled": "#00D17975", // green-disabled + "c-warn": "#FACD49", // yellow. 경고용 색상 + "c-warn-disabled": "#FACD4975", // yellow-disabled + "c-danger": "#FF2330", // red. 에러용 색상 + "c-danger-disabled": "#FFA4A475", // red-disabled "c-pink": "#F864A1", "c-orange": "#F5A200", - "c-yellow": "#FACD49", "c-purple": "#A564F8", "c-gray": "#BABABA", "c-black": "#222222",