aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorChen Wei <chenwei@byzantine-lab.io>2019-08-23 12:16:14 +0800
committerChen Wei <chenwei@byzantine-lab.io>2019-08-23 12:16:14 +0800
commit19f03f07c2fac1b7a13e3cff4079cff21d5686fb (patch)
treee7334e5c296f2e07563e2f30e5bfe685371107df
parent36cee35654f87b5b323c284bbc6f82ef957b6cc0 (diff)
downloadtangerine-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.js10
-rw-r--r--src/components/LandingPage/PartnerList.js12
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>