diff --git a/package.json b/package.json index 92342149..b9bd23ed 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,7 @@ "proxy": "http://localhost:5000", "scripts": { "start": "react-scripts start", - "build": "react-scripts build && ./build.sh", + "build": "CI=false && react-scripts build && ./build.sh", "test": "react-scripts test", "eject": "react-scripts eject" }, diff --git a/src/common/Button.js b/src/common/Button.js new file mode 100644 index 00000000..92074064 --- /dev/null +++ b/src/common/Button.js @@ -0,0 +1,27 @@ +import React from 'react'; +import { Button } from 'react-bootstrap'; + +const Btn = (props) => { + let styles = { + fontFamily: 'Inter', + boxShadow: 'none', + borderRadius: '0.25rem', + fontStyle: 'normal' + }; + if (props.buttonType === 'outline'){ + styles.backgroundColor = '#ffffff'; + styles.color = '#1A73E8'; + } else { + styles.backgroundColor = '#1A73E8'; + styles.color = '#ffffff'; + } + const Props = {...props}; + Props.style = styles; + return( + + ) +} + +export default Btn; diff --git a/src/css/components/_modals.scss b/src/css/components/_modals.scss index 47702b99..fe2a72ab 100644 --- a/src/css/components/_modals.scss +++ b/src/css/components/_modals.scss @@ -34,7 +34,7 @@ width: 6vw; height: 5vh; background: rgb(250, 251, 252); - border-radius: 100px; + font-family: Inter; color: #1A73E8; padding: 0.3em; margin-left: 1em; @@ -257,8 +257,6 @@ .modal__remove__followButton { border: 1px solid #eb5757; box-sizing: border-box; - box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); - border-radius: 34px; background: transparent; width: 83px; height: 4.5vh; @@ -309,9 +307,8 @@ display: flex; .invite__btn { margin-left: 3px; + font-family: Inter; background: #1a73e8; - box-shadow: 1.26667px 2.53333px 6.33333px rgba(0, 0, 0, 0.1); - border-radius: 43.0667px; width: 83px; height: 4.5vh; padding: 0px; @@ -322,9 +319,8 @@ flex-wrap: wrap; .invite__btn { margin-right: 10px; + font-family: Inter; background: #1a73e8; - box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); - border-radius: 20px; width: 83px; height: 4.5vh; padding: 0px; @@ -385,4 +381,8 @@ } } } -} + .vertical-align-row { + display: flex; + align-items: center; + } +} \ No newline at end of file diff --git a/src/user/dashboard/news-feed/news-feed.js b/src/user/dashboard/news-feed/news-feed.js index 62bde94b..0ef3b02e 100644 --- a/src/user/dashboard/news-feed/news-feed.js +++ b/src/user/dashboard/news-feed/news-feed.js @@ -15,6 +15,7 @@ import { } from "@material-ui/core"; import { makeStyles } from "@material-ui/core/styles"; import { Button } from "react-bootstrap"; +import Btn from "../../../common/Button"; import AddEventModal from "./popups/AddEventModal"; import AddProjectModal from "./popups/AddProjectModal"; import ArrowDropUpIcon from "@material-ui/icons/ArrowDropUp"; @@ -393,7 +394,7 @@ function NewsFeed(props) { color="primary" aria-label="contained primary button group" > - - + diff --git a/src/user/dashboard/news-feed/news-feed.scss b/src/user/dashboard/news-feed/news-feed.scss index a25a98bf..074df5cb 100644 --- a/src/user/dashboard/news-feed/news-feed.scss +++ b/src/user/dashboard/news-feed/news-feed.scss @@ -4,6 +4,7 @@ height: 50px; .article { display: flex; + align-items: center; form { flex: 1; border: none; @@ -392,16 +393,11 @@ } .optionbtn { - background: #1a73e8; - border-radius: 100px; .optionbtn-text { - font-family: Inter; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; - - color: #ffffff; } } } diff --git a/src/user/dashboard/notifications/notifications.scss b/src/user/dashboard/notifications/notifications.scss index c9d4c979..49758ee4 100644 --- a/src/user/dashboard/notifications/notifications.scss +++ b/src/user/dashboard/notifications/notifications.scss @@ -50,7 +50,6 @@ display: inline; } .tag { - box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); border-radius: 31px; padding: 2px; border: 1px solid #007bff; diff --git a/src/user/organization/popups/Admins.js b/src/user/organization/popups/Admins.js index 103a022a..54d8ddf3 100644 --- a/src/user/organization/popups/Admins.js +++ b/src/user/organization/popups/Admins.js @@ -105,17 +105,19 @@ class Admins extends Component {
Administrators
- - +
+ + +
diff --git a/src/user/organization/popups/Members.js b/src/user/organization/popups/Members.js index e4911ce1..d05e428e 100644 --- a/src/user/organization/popups/Members.js +++ b/src/user/organization/popups/Members.js @@ -137,21 +137,23 @@ class Members extends Component {
Members
- - +
+ + +
@@ -163,7 +165,7 @@ class Members extends Component { Get invite link -
+