From 34b8f6c5f89fed7a3c93eafaf4ac83155a4dd1d9 Mon Sep 17 00:00:00 2001 From: Shved Anastasiia Date: Thu, 26 May 2022 23:56:58 +0300 Subject: [PATCH 1/2] [#36]Implement adaptive version for the app --- src/assets/scss/AddEventForm.module.scss | 44 ++++++-- src/assets/scss/AddMemberForm.module.scss | 41 +++++-- src/assets/scss/event.module.scss | 27 +++-- src/assets/scss/eventList.module.scss | 12 +- src/assets/scss/eventManagement.module.scss | 25 ++++- src/assets/scss/login.module.scss | 6 +- src/assets/scss/managermanagement.module.scss | 39 +++++++ src/assets/scss/memberlist.module.scss | 29 ++--- src/assets/scss/membermanagement.module.scss | 61 ++++++---- src/assets/scss/profile.module.scss | 66 ++++++----- src/assets/scss/sidebar.module.scss | 6 +- src/assets/svg/svg-icons.js | 2 +- src/features/AddEventForm/AddEventForm.js | 34 +++--- src/features/AddMemberForm/AddMemberForm.js | 89 +++++++-------- src/pages/Event/Event.js | 89 +++++++++------ src/pages/EventList/EventList.js | 8 +- src/pages/EventManagement/EventManagement.js | 21 ++-- .../ManagerManagement/ManagerManagement.js | 20 ++-- src/pages/MemberList/MemberList.js | 2 +- .../MemberManagement/MemberManagement.js | 105 +++++++++--------- src/pages/Profile/Profile.js | 34 +++--- 21 files changed, 469 insertions(+), 291 deletions(-) create mode 100644 src/assets/scss/managermanagement.module.scss diff --git a/src/assets/scss/AddEventForm.module.scss b/src/assets/scss/AddEventForm.module.scss index 2fb4cd4..eabb442 100644 --- a/src/assets/scss/AddEventForm.module.scss +++ b/src/assets/scss/AddEventForm.module.scss @@ -1,17 +1,45 @@ @import './variables.scss'; +.background { + background: rgba(145, 145, 192, 0.678); + width: 100%; + height: 100%; + z-index: 1; + position: absolute; + top: 0; + left: 0; + overflow: scroll; +} + .plate { - opacity: 100%; - position: relative; - width: 400px; - height: 500px; - margin: 0 auto; - margin-top: 80px; + position: absolute; + width: 25%; background-color: white; border-radius: 15px; display: flex; - margin-bottom: 25px; + padding: 5px 20px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.3), 0 6px 25px 0 rgba(0, 0, 0, 0.3); + left: 50%; + margin-top: 20px; + margin-bottom: 20px; + z-index: 2; + transform: translateX(-50%); + overflow: scroll; + + @media (max-width: 1400px) { + width: 40%; + } + + @media (max-width: 1024px) { + width: 50%; + } + + @media (max-width: 700px) { + width: 70%; + } + @media (max-width: 500px) { + width: 90%; + } } .borders { @@ -25,6 +53,7 @@ } .title { + padding-top: 20px; font-family: 'Nunito', sans-serif; font-weight: 300; margin-bottom: 30px; @@ -37,4 +66,5 @@ .element:last-child { margin-top: 10px; + margin-bottom: 20px; } diff --git a/src/assets/scss/AddMemberForm.module.scss b/src/assets/scss/AddMemberForm.module.scss index 8200945..9aa4add 100644 --- a/src/assets/scss/AddMemberForm.module.scss +++ b/src/assets/scss/AddMemberForm.module.scss @@ -1,17 +1,40 @@ @import './variables.scss'; -.plate { - opacity: 100%; - position: relative; - width: 400px; +.background { + background: rgba(145, 145, 192, 0.678); + width: 100%; height: 100%; - margin: 0 auto; - margin-top: 30px; + z-index: 1; + position: absolute; + top: 0; + left: 0; + overflow: scroll; +} +.plate { + position: absolute; + width: 35%; background-color: white; border-radius: 15px; display: flex; - margin-bottom: 25px; + padding: 5px 20px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.3), 0 6px 25px 0 rgba(0, 0, 0, 0.3); + left: 50%; + margin-top: 20px; + margin-bottom: 20px; + z-index: 2; + transform: translateX(-50%); + overflow: scroll; + + @media (max-width: 1024px) { + width: 50%; + } + + @media (max-width: 700px) { + width: 70%; + } + @media (max-width: 500px) { + width: 90%; + } } .borders { @@ -22,6 +45,10 @@ flex-direction: column; justify-content: center; margin: 25px auto; + + @media (max-width: 500px) { + font-size: 10px; + } } .title { diff --git a/src/assets/scss/event.module.scss b/src/assets/scss/event.module.scss index 31709b8..0bbdf0c 100644 --- a/src/assets/scss/event.module.scss +++ b/src/assets/scss/event.module.scss @@ -26,55 +26,60 @@ .event__box__list { display: flex; margin-left: 50px; - + + .comment__btn { + height: 25px; + } + @media (max-width: 834px) { margin-left: 0px; } - + p { font-size: 10px; margin-right: 50px; line-height: 15px; margin-top: 3px; - + padding-top: 3px; + @media (max-width: 834px) { margin-right: 30px; } - + @media (max-width: 648px) { margin-right: 20px; font-size: 8px; } - + @media (max-width: 543px) { margin-right: 10px; font-size: 6px; } - + @media (max-width: 348px) { margin-right: 5px; font-size: 5px; } } - + .event__box__img { margin: 0px 20px; padding-top: 3px; - + @media (max-width: 501px) { margin: 0px 10px; } - + @media (max-width: 349px) { margin: 0px 5px; } } } - + .event__box__btn { display: flex; flex-direction: row; - + div { @media (max-width: 1100px) { margin-right: 5px; diff --git a/src/assets/scss/eventList.module.scss b/src/assets/scss/eventList.module.scss index 19f6abc..21b9222 100644 --- a/src/assets/scss/eventList.module.scss +++ b/src/assets/scss/eventList.module.scss @@ -1,10 +1,14 @@ .container { - width: 900px; + width: 90%; margin: 0 auto; padding: 40px; - @media only screen and (max-width: 992px) { - max-width: 90%; - padding: 20px; + .textResponsive { + font-size: 17.5px; + padding-left: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } } } diff --git a/src/assets/scss/eventManagement.module.scss b/src/assets/scss/eventManagement.module.scss index 817dbc7..68fffc2 100644 --- a/src/assets/scss/eventManagement.module.scss +++ b/src/assets/scss/eventManagement.module.scss @@ -1,5 +1,5 @@ .container { - width: 900px; + width: 90%; margin: 0 auto; padding: 40px; @@ -7,6 +7,29 @@ max-width: 90%; padding: 20px; } + .flexBlock { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0; + + .textResponsive { + font-size: 17.5px; + padding-left: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } + } + .managementBtn { + font-size: 17.5px; + margin-right: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } + } + } } .button__wrapper { diff --git a/src/assets/scss/login.module.scss b/src/assets/scss/login.module.scss index a2921bc..042789f 100644 --- a/src/assets/scss/login.module.scss +++ b/src/assets/scss/login.module.scss @@ -1,5 +1,7 @@ +@import '../../assets/Scss/variables.scss'; body { - background: linear-gradient(180deg, #4e73df 10%, #224abe 100%); + // background: linear-gradient(180deg, #4e73df 10%, #224abe 100%); + background: $light; overflow: hidden; } @@ -41,7 +43,7 @@ body { justify-content: center; margin-top: auto; margin-bottom: auto; - + @media (max-width: 990px) { width: 100%; } diff --git a/src/assets/scss/managermanagement.module.scss b/src/assets/scss/managermanagement.module.scss new file mode 100644 index 0000000..fcd6da5 --- /dev/null +++ b/src/assets/scss/managermanagement.module.scss @@ -0,0 +1,39 @@ +.tableContainerManagers { + max-width: 90%; + margin: 0 auto; + padding: 40px; + + .flexBlock { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0; + .textResponsive { + font-size: 17.5px; + padding-left: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } + } + .managementBtn { + font-size: 17.5px; + margin-right: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } + } + } + + .btnBlock { + padding-left: 20px; + padding-right: 20px; + display: flex; + justify-content: space-around; + } + + .tableRow { + vertical-align: middle; + } +} diff --git a/src/assets/scss/memberlist.module.scss b/src/assets/scss/memberlist.module.scss index cde13cf..8c94b18 100644 --- a/src/assets/scss/memberlist.module.scss +++ b/src/assets/scss/memberlist.module.scss @@ -3,25 +3,18 @@ margin: 0 auto; padding: 40px; - @media only screen and (max-width: 1024px) { - max-width: 100%; + .flexBlock { + padding-left: 42px; } -} - -.flexBlock { - display: flex; - justify-content: space-between; - align-items: center; - padding: 30px 50px 30px 50px; -} -.btnBlock { - padding-left: 20px; - padding-right: 20px; - display: flex; - justify-content: space-around; -} + .btnBlock { + padding-left: 20px; + padding-right: 20px; + display: flex; + justify-content: space-around; + } -.tableRow { - vertical-align: middle; + .tableRow { + vertical-align: middle; + } } diff --git a/src/assets/scss/membermanagement.module.scss b/src/assets/scss/membermanagement.module.scss index 3e1eb3c..59e5d30 100644 --- a/src/assets/scss/membermanagement.module.scss +++ b/src/assets/scss/membermanagement.module.scss @@ -1,27 +1,46 @@ -.tableContainer { +.tableContainerManagement { max-width: 90%; - margin: 0 auto; - padding: 40px; - height: auto; - @media only screen and (max-width: 1024px) { - max-width: 100%; + margin: auto; + padding-top: 40px; + + .flexBlock { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0; + + .textResponsive { + font-size: 17.5px; + padding-left: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } + } + + .managementBtn { + font-size: 17.5px; + margin-right: 42px; + + @media (max-width: 500px) { + font-size: 14px; + } + } } -} -.flexBlock { - display: flex; - justify-content: space-between; - align-items: center; - padding: 30px 50px 30px 50px; -} + .btnBlock { + padding-left: 10px; + padding-right: 10px; + display: flex; + justify-content: space-around; + } -.btnBlock { - padding-left: 20px; - padding-right: 20px; - display: flex; - justify-content: space-around; -} + .tableRow { + vertical-align: middle; + word-break: break-all; -.tableRow { - vertical-align: middle; + @media (max-width: 755px) { + word-break: normal; + } + } } diff --git a/src/assets/scss/profile.module.scss b/src/assets/scss/profile.module.scss index f41589b..cc076b6 100644 --- a/src/assets/scss/profile.module.scss +++ b/src/assets/scss/profile.module.scss @@ -1,8 +1,9 @@ .profile__container { display: flex; - justify-content: center; + justify-content: space-between; flex-direction: column; align-items: center; + height: 100vh; .profile__box__avatar__text { display: flex; @@ -11,6 +12,13 @@ flex-wrap: wrap; margin-top: 100px; padding: 10px; + + @media (max-width: 500px) { + justify-content: center; + flex-direction: column; + text-align: center; + margin-top: auto; + } } .profile__avatar { @@ -19,46 +27,34 @@ flex-direction: column; margin-right: 130px; padding: 10px; - - @media (max-width: 1100px) { - margin-right: 80px; - } - - @media (max-width: 768px) { - margin-right: 30px; - } - - @media (max-width: 568px) { - margin-right: 30px; + + @media (max-width: 500px) { + justify-content: center; + flex-direction: column; + margin: auto; } } p { - font-size: 16px; - line-height: 16px; - margin-bottom: 30px; - word-spacing: 11px; + font-size: 16px; + line-height: 16px; + margin-bottom: 30px; + word-spacing: 11px; } - + .profile__btn__change__pass { - margin-top: 130px; - transform: translate(350px, 0); - -webkit-transform: translate(350px, 0); - - @media (max-width: 1100px) { - transform: translate(100px, 0); - -webkit-transform: translate(100px, 0); - } - - @media (max-width: 768px) { - transform: translate(50px, 0); - -webkit-transform: translate(51px, 0); - } - - @media (max-width: 568px) { - margin-top: 40px; - transform: translate(0px, 0); - -webkit-transform: translate(0px, 0); + margin-top: 100px; + float: right; + + @media (max-width: 500px) { + float: none; + margin: auto; + text-align: center; } } + + @media (max-width: 500px) { + justify-content: center; + flex-direction: row; + } } diff --git a/src/assets/scss/sidebar.module.scss b/src/assets/scss/sidebar.module.scss index ad1b834..00930d7 100644 --- a/src/assets/scss/sidebar.module.scss +++ b/src/assets/scss/sidebar.module.scss @@ -43,7 +43,7 @@ opacity: 0.7; align-self: flex-start; - cursor: pointer; + cursor: pointer; &:hover { opacity: 1; color: #fff; @@ -71,9 +71,9 @@ display: flex; justify-content: center; align-items: center; - padding: 1.5rem 1rem; + height: 4.375rem; - .roleText { + .roleText { padding-left: 20px; font-size: 25px; margin-bottom: 0; diff --git a/src/assets/svg/svg-icons.js b/src/assets/svg/svg-icons.js index 27184d4..44efadc 100644 --- a/src/assets/svg/svg-icons.js +++ b/src/assets/svg/svg-icons.js @@ -1,5 +1,5 @@ export const SmileSvg = (props) => ( - + diff --git a/src/features/AddEventForm/AddEventForm.js b/src/features/AddEventForm/AddEventForm.js index 8bb14fb..8a6ae9a 100644 --- a/src/features/AddEventForm/AddEventForm.js +++ b/src/features/AddEventForm/AddEventForm.js @@ -8,22 +8,24 @@ import Input from '../../ui/input/Input/Input' const AddEventForm = ({ closeForm }) => { return ( -
-
- -
-

Add Event Form

-
- -
-
- -
-
- -
-
-
diff --git a/src/features/AddMemberForm/AddMemberForm.js b/src/features/AddMemberForm/AddMemberForm.js index 3b033af..93d528a 100644 --- a/src/features/AddMemberForm/AddMemberForm.js +++ b/src/features/AddMemberForm/AddMemberForm.js @@ -1,50 +1,51 @@ -import React from "react"; +import React from 'react' -import style from "../../assets/scss/AddMemberForm.module.scss"; +import style from '../../assets/scss/AddMemberForm.module.scss' -import Button from "../../ui/button/Button"; -import CloseButton from "../../ui/button/CloseButton"; -import Input from "../../ui/input/Input/Input"; +import Button from '../../ui/button/Button' +import CloseButton from '../../ui/button/CloseButton' +import Input from '../../ui/input/Input/Input' -const AddMemberForm = ({closeForm}) => { - +const AddMemberForm = ({ closeForm }) => { return ( -
-
- -
-

Add Member Form

-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
-
- +
+
+
+ +
+

Add Member Form

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
- ); -}; + ) +} -export default AddMemberForm; \ No newline at end of file +export default AddMemberForm diff --git a/src/pages/Event/Event.js b/src/pages/Event/Event.js index 347e539..0286d77 100644 --- a/src/pages/Event/Event.js +++ b/src/pages/Event/Event.js @@ -1,53 +1,68 @@ +import React from 'react' -import React from 'react'; - -import style from "../../assets/scss/event.module.scss"; -import Button from '../../ui/button/Button'; +import style from '../../assets/scss/event.module.scss' +import Button from '../../ui/button/Button' const Event = () => { return (
-
+

Event Name: Math Lecture

Date: 02.20.2022

Score: 14

Participants:

-
-
-
-
- +
+
+ +
-
-
-
- -
Profile Avatar
-

First Name

-

Last Name

-

Score

-
-
- -
Profile Avatar
-

First Name

-

Last Name

-

Score

-
-
- -
Profile Avatar
-

First Name

-

Last Name

-

Score

-
+
+
+ +
+ Profile Avatar +
+

First Name

+

Last Name

+

Score

+ +
+
+ +
+ Profile Avatar +
+

First Name

+

Last Name

+

Score

+ +
+
+ +
+ Profile Avatar +
+

First Name

+

Last Name

+

Score

+ +
) diff --git a/src/pages/EventList/EventList.js b/src/pages/EventList/EventList.js index fe20af6..a7e0457 100644 --- a/src/pages/EventList/EventList.js +++ b/src/pages/EventList/EventList.js @@ -8,10 +8,12 @@ const EventList = () => { return (
-
-
The List of Visited Events
+
+

+ The List of Visited Events +

-
+
diff --git a/src/pages/EventManagement/EventManagement.js b/src/pages/EventManagement/EventManagement.js index b9b26e7..8960976 100644 --- a/src/pages/EventManagement/EventManagement.js +++ b/src/pages/EventManagement/EventManagement.js @@ -2,22 +2,27 @@ import React, { useState } from 'react' import AddEventForm from '../../features/AddEventForm' import style from '../../assets/scss/eventManagement.module.scss' -import Button from '../../ui/button/Button' const EventList = () => { const [show, setShow] = useState(false) return (
+
{show ? setShow(false)} /> : null}
-
-
The Events Management
+
+

The Events Management

+
-
-
-
{show ? setShow(false)} /> : null}
-
+
+ +
diff --git a/src/pages/ManagerManagement/ManagerManagement.js b/src/pages/ManagerManagement/ManagerManagement.js index cdb598d..a95b80e 100644 --- a/src/pages/ManagerManagement/ManagerManagement.js +++ b/src/pages/ManagerManagement/ManagerManagement.js @@ -1,19 +1,19 @@ import React from 'react' -import styles from '../../assets/scss/memberlist.module.scss' +import styles from '../../assets/scss/managermanagement.module.scss' import Button from '../../ui/button/Button' const ManagerManagement = () => { return ( -
+
-

Managers List

-
-
+
@@ -31,8 +31,12 @@ const ManagerManagement = () => { {/* {Managers} */} @@ -44,4 +48,4 @@ const ManagerManagement = () => { ) } -export default ManagerManagement; +export default ManagerManagement diff --git a/src/pages/MemberList/MemberList.js b/src/pages/MemberList/MemberList.js index acb48c6..46b09ad 100644 --- a/src/pages/MemberList/MemberList.js +++ b/src/pages/MemberList/MemberList.js @@ -11,7 +11,7 @@ const MemberList = () => {

Members List

-
+
Adolphus @gmail - - + +
diff --git a/src/pages/MemberManagement/MemberManagement.js b/src/pages/MemberManagement/MemberManagement.js index b726150..8a82428 100644 --- a/src/pages/MemberManagement/MemberManagement.js +++ b/src/pages/MemberManagement/MemberManagement.js @@ -1,60 +1,65 @@ -import React, { useState } from "react"; -import AddMemberForm from "../../features/AddMemberForm"; +import React, { useState } from 'react' +import AddMemberForm from '../../features/AddMemberForm' -import styles from "../../assets/scss/membermanagement.module.scss"; +import styles from '../../assets/scss/membermanagement.module.scss' const MemberManagement = () => { - const [show, setShow] = useState(false); + const [show, setShow] = useState(false) return ( -
-
-
-

Members List

- -
-
- { show ? setShow(false)}/> : null} -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - {/* {Members} */} - -
AvatarFirst NameLast NameOrganisationEmailPhoneScoreBirth DateManaging
1GustavusAdolphusArmy@gmail+38067124942524.05.1598 - - -
-
+
+
{show ? setShow(false)} /> : null}
+
+
+

Members List

+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
AvatarFirst NameLast NameOrganisationEmailPhoneScoreBirth DateManaging
1GustavusAdolphusArmy@gmail+38067124942524.05.1598 + + +
+
) } -export default MemberManagement; +export default MemberManagement diff --git a/src/pages/Profile/Profile.js b/src/pages/Profile/Profile.js index ffdfb0a..3fc3b30 100644 --- a/src/pages/Profile/Profile.js +++ b/src/pages/Profile/Profile.js @@ -5,20 +5,26 @@ import Button from '../../ui/button/Button' const Profile = () => { return (
-
-
- Profile Avatar -
-
-

First Name

-

Last Name

-

Score

-

Place in the ranking

-
-
-
- +
+
+

First Name

+

Last Name

+

Score

+

Place in the ranking

+
+
+
+ +
) From b3525c4385152b2c07b196b4634d259f9c9d9335 Mon Sep 17 00:00:00 2001 From: Shved Anastasiia Date: Fri, 27 May 2022 14:08:04 +0300 Subject: [PATCH 2/2] Hide scrollbars --- src/assets/scss/AddEventForm.module.scss | 1 - src/assets/scss/AddMemberForm.module.scss | 12 ++++++++++-- src/assets/scss/index.scss | 2 +- src/assets/scss/memberlist.module.scss | 1 + src/pages/EventList/EventList.js | 2 +- src/pages/EventManagement/EventManagement.js | 2 +- src/pages/ManagerManagement/ManagerManagement.js | 2 +- src/pages/MemberList/MemberList.js | 2 +- src/pages/MemberManagement/MemberManagement.js | 2 +- 9 files changed, 17 insertions(+), 9 deletions(-) diff --git a/src/assets/scss/AddEventForm.module.scss b/src/assets/scss/AddEventForm.module.scss index eabb442..16ffe1c 100644 --- a/src/assets/scss/AddEventForm.module.scss +++ b/src/assets/scss/AddEventForm.module.scss @@ -24,7 +24,6 @@ margin-bottom: 20px; z-index: 2; transform: translateX(-50%); - overflow: scroll; @media (max-width: 1400px) { width: 40%; diff --git a/src/assets/scss/AddMemberForm.module.scss b/src/assets/scss/AddMemberForm.module.scss index 9aa4add..d43fbe4 100644 --- a/src/assets/scss/AddMemberForm.module.scss +++ b/src/assets/scss/AddMemberForm.module.scss @@ -12,7 +12,7 @@ } .plate { position: absolute; - width: 35%; + width: 25%; background-color: white; border-radius: 15px; display: flex; @@ -23,8 +23,16 @@ margin-bottom: 20px; z-index: 2; transform: translateX(-50%); - overflow: scroll; + @media (max-width: 1370px) { + width: 30%; + } + @media (max-width: 1270px) { + width: 35%; + } + @media (max-width: 1170px) { + width: 40%; + } @media (max-width: 1024px) { width: 50%; } diff --git a/src/assets/scss/index.scss b/src/assets/scss/index.scss index e348798..352aef2 100644 --- a/src/assets/scss/index.scss +++ b/src/assets/scss/index.scss @@ -53,7 +53,7 @@ body { -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family:'Nunito', sans-serif; - overflow: scroll; + overflow: auto; } input, button, diff --git a/src/assets/scss/memberlist.module.scss b/src/assets/scss/memberlist.module.scss index 8c94b18..1e3b7c6 100644 --- a/src/assets/scss/memberlist.module.scss +++ b/src/assets/scss/memberlist.module.scss @@ -5,6 +5,7 @@ .flexBlock { padding-left: 42px; + overflow: hidden; } .btnBlock { diff --git a/src/pages/EventList/EventList.js b/src/pages/EventList/EventList.js index a7e0457..2fd3740 100644 --- a/src/pages/EventList/EventList.js +++ b/src/pages/EventList/EventList.js @@ -13,7 +13,7 @@ const EventList = () => { The List of Visited Events
-
+
diff --git a/src/pages/EventManagement/EventManagement.js b/src/pages/EventManagement/EventManagement.js index 8960976..4772c0a 100644 --- a/src/pages/EventManagement/EventManagement.js +++ b/src/pages/EventManagement/EventManagement.js @@ -22,7 +22,7 @@ const EventList = () => {
-
+
diff --git a/src/pages/ManagerManagement/ManagerManagement.js b/src/pages/ManagerManagement/ManagerManagement.js index a95b80e..8a0ae5f 100644 --- a/src/pages/ManagerManagement/ManagerManagement.js +++ b/src/pages/ManagerManagement/ManagerManagement.js @@ -13,7 +13,7 @@ const ManagerManagement = () => { Add Manager -
+
diff --git a/src/pages/MemberList/MemberList.js b/src/pages/MemberList/MemberList.js index 46b09ad..fbdd9a7 100644 --- a/src/pages/MemberList/MemberList.js +++ b/src/pages/MemberList/MemberList.js @@ -11,7 +11,7 @@ const MemberList = () => {

Members List

-
+
diff --git a/src/pages/MemberManagement/MemberManagement.js b/src/pages/MemberManagement/MemberManagement.js index 8a82428..7e4c2c2 100644 --- a/src/pages/MemberManagement/MemberManagement.js +++ b/src/pages/MemberManagement/MemberManagement.js @@ -20,7 +20,7 @@ const MemberManagement = () => { Add Member -
+