diff --git a/travelday-fe/src/components/schedulePage/settlement.jsx b/travelday-fe/src/components/schedulePage/settlement.jsx index 4e9f622..66d65a6 100644 --- a/travelday-fe/src/components/schedulePage/settlement.jsx +++ b/travelday-fe/src/components/schedulePage/settlement.jsx @@ -4,6 +4,7 @@ import axiosInstance from "../../utils/axiosInstance"; import Allocator from "./allocator"; import addImg from "../../images/filter/add.png"; import trashImg from "../../images/trash.png"; +import {theme} from "antd"; const Settlement = ({ settlementId, postSettlementList, travelRoomId, hasNoData, people, deleteSettlement }) => { const [settlementDetailList, setSettlementDetailList] = useState([]); @@ -240,7 +241,9 @@ const Settlement = ({ settlementId, postSettlementList, travelRoomId, hasNoData, ))} - 정산 요청 + 정산 요청 ) )} @@ -257,8 +260,9 @@ const Container = styled.div` flex-direction: column; justify-content: start; align-items: center; - background-color: #f8f7f2; + background-color: transparent; border-radius: 10px; + border: 2px dotted #afa9a9; padding: 25px; margin: 10px; `; @@ -309,14 +313,15 @@ const NoDataText = styled.p` const MainButton = styled.button` padding: 15px; - background-color: #f12e5e; + background-color: #408cff; color: white; font-size: 18px; border: none; border-radius: 8px; cursor: pointer; + &:hover { - background-color: #d3204a; + background-color: #2a61b3; } `; @@ -327,19 +332,22 @@ const ButtonGroup = styled.div` const Button = styled.button` padding: 10px; - background-color: #f12e5e; - color: white; + background-color: transparent; + color: black; border-radius: 8px; cursor: pointer; + border: 0.5px solid cornflowerblue; + &:hover { - background-color: #d3204a; + background-color: cornflowerblue; + color: white; } `; const DeleteButton = styled(Button)` - background-color: #ff5f5f; + color: #f12e5e; &:hover { - background-color: #d94444; + background-color: #f12e5e; } `;