diff --git a/package-lock.json b/package-lock.json index 852e371..0cd32be 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,6 @@ "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "axios": "^1.5.1", - "axios-mock-adapter": "^1.22.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-redux": "^8.1.3", diff --git a/package.json b/package.json index 62ec475..bb2ee80 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,6 @@ "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "axios": "^1.5.1", - "axios-mock-adapter": "^1.22.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-redux": "^8.1.3", diff --git a/src/Styles/Missions.css b/src/Styles/Missions.css new file mode 100644 index 0000000..8418b76 --- /dev/null +++ b/src/Styles/Missions.css @@ -0,0 +1,71 @@ +.mission-page { + display: flex; + align-items: center; + justify-content: center; + } + + .missionTable { + width: 95%; + border-collapse: collapse; + text-align: left; + } + + .missionTable, + td, + th { + border: 1px solid; + } + + .missionTable td, + .missionTable th { + border: 1px solid #ddd; + padding: 0.5rem; + } + + .mission-name { + vertical-align: top; + } + + .description { + padding-bottom: 1rem; + } + + .mission-btn { + text-align: center; + } + + .missionTable tr:nth-child(odd) { background-color: #f2f2f2; } + + .active-member { + background-color: #2ea8d1; + color: white; + text-align: center; + border-radius: 0.2rem; + padding: 0.2rem; + } + + .not-member { + background-color: gray; + color: white; + text-align: center; + border-radius: 0.2rem; + padding: 0.2rem; + } + + .leave-mission { + width: 8rem; + padding: 0.5rem; + background-color: transparent; + border: 1px solid red; + color: red; + border-radius: 0.3rem; + cursor: pointer; + } + + .join-mission { + width: 8rem; + padding: 0.5rem; + border-radius: 0.3rem; + cursor: pointer; + } + \ No newline at end of file