From 5dc2b0875df8306c8bc1cff5e8e12ea6b66a6d70 Mon Sep 17 00:00:00 2001
From: Lucas Schoenfelder <les17@inf.ufpr.br>
Date: Tue, 26 May 2020 12:09:11 -0300
Subject: [PATCH] design is done; missing all sharing functionalities
---
src/Components/ShareModal.js | 20 ++++++++++++++------
1 file changed, 14 insertions(+), 6 deletions(-)
diff --git a/src/Components/ShareModal.js b/src/Components/ShareModal.js
index 15f23349..33b5c599 100644
--- a/src/Components/ShareModal.js
+++ b/src/Components/ShareModal.js
@@ -85,22 +85,22 @@ export default function ReportModal (props) {
<ShareInfo>
<Grid container style={{paddingRight : "15px", paddingLeft : "15px"}}>
<Grid item xs={4}>
- <Button>
+ <ShareButton>
<img src={Facebook} alt="facebook-logo"/>
<p>FACEBOOK</p>
- </Button>
+ </ShareButton>
</Grid>
<Grid item xs={4}>
- <Button>
+ <ShareButton>
<img src={Twitter} alt="twitter-logo"/>
<p>TWITTER</p>
- </Button>
+ </ShareButton>
</Grid>
<Grid item xs={4}>
- <Button onClick={copyToClipboard}>
+ <ShareButton onClick={copyToClipboard}>
<img src={LinkIcon} alt="link-icon"/>
<p ref={pRef} value={props.link}>COPIAR LINK</p>
- </Button>
+ </ShareButton>
</Grid>
</Grid>
</ShareInfo>
@@ -116,6 +116,13 @@ const ShareButton = styled(Button)`
margin : 0 !important;
min-height : 121px !important;
+ .MuiButton-label {
+ display : flex !important;
+ flex-direction : column !important;
+ justify-content : center !important;
+ font-weight : 700 !important;
+ }
+
img {
height : 75px;
width : 75px;
@@ -151,6 +158,7 @@ const ResourceInfo = styled.div`
display : flex;
flex-direction : column;
text-align : left;
+ padding-right : 10px;
}
img {
--
GitLab