diff options
| author | Chen Wei <chenwei@byzantine-lab.io> | 2019-08-23 12:16:14 +0800 |
|---|---|---|
| committer | Chen Wei <chenwei@byzantine-lab.io> | 2019-08-23 12:16:14 +0800 |
| commit | 19f03f07c2fac1b7a13e3cff4079cff21d5686fb (patch) | |
| tree | e7334e5c296f2e07563e2f30e5bfe685371107df | |
| parent | 36cee35654f87b5b323c284bbc6f82ef957b6cc0 (diff) | |
| download | tangerine-official-website-19f03f07c2fac1b7a13e3cff4079cff21d5686fb.tar.gz tangerine-official-website-19f03f07c2fac1b7a13e3cff4079cff21d5686fb.tar.zst tangerine-official-website-19f03f07c2fac1b7a13e3cff4079cff21d5686fb.zip | |
update bubble style and partner list
| -rw-r--r-- | src/components/Bubble/index.js | 10 | ||||
| -rw-r--r-- | src/components/LandingPage/PartnerList.js | 12 |
2 files changed, 15 insertions, 7 deletions
diff --git a/src/components/Bubble/index.js b/src/components/Bubble/index.js index 6d4585b..2184ef2 100644 --- a/src/components/Bubble/index.js +++ b/src/components/Bubble/index.js @@ -30,7 +30,7 @@ const AnimatedBubble = ({ size }) => { addBubble({ color: 'rgba(255, 255, 255, 0.3)', radius: 250, - size: 0.87, + size: 0.9, animation: { startIndex: 4, movement1: { upper: 0.08, lower: 0.02, speed: 0.0005, expand: true }, @@ -39,14 +39,14 @@ const AnimatedBubble = ({ size }) => { movement4: { upper: 0.08, lower: 0.02, speed: 0.0005, expand: false }, }, points: [ - [0, 1, 1.05], - [1, 1, 1.1], + [0, 1, 1], + [1, 1, 1], [1, 0, 1], [1, -1, 1], [0, -1, 1], - [-1, -1, 0.95], + [-1, -1,1], [-1, 0, 1], - [-1, 1, 1.1], + [-1, 1, 1], ] }); addBubble({ diff --git a/src/components/LandingPage/PartnerList.js b/src/components/LandingPage/PartnerList.js index 791717f..b52e049 100644 --- a/src/components/LandingPage/PartnerList.js +++ b/src/components/LandingPage/PartnerList.js @@ -41,6 +41,7 @@ const Item = styled.div` cursor: pointer; @media screen and (max-width: ${MOBILE_WIDTH}px) { flex: 1 0 34%; + margin: 0px; } `; @@ -48,7 +49,14 @@ const PartnerLogo = styled.div` height: 100px; display: flex; align-items: center; + justify-content: center; fill: #585858; + @media screen and (max-width: ${MOBILE_WIDTH}px) { + height: auto; + /* width: 48%; */ + border: 1px solid red; + /* border: 1px solid red; */ + } `; const COMMENT_HEIGHT = 280; @@ -133,14 +141,14 @@ const PartnerList = () => { <PartnerLogo>{PartnerInfo[it].logo}</PartnerLogo> </Item>) )} - {Object.keys(PartnerInfo).map( + {/* {Object.keys(PartnerInfo).map( (it, key) => (<Item key={key} onClick={() => setSelectedPartner(PartnerInfo[it])} > <PartnerLogo>{PartnerInfo[it].logo}</PartnerLogo> </Item>) - )} + )} */} </GridLayout> <CommentPadding> <Comment> |
