filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 14:07:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed css spacing

Browse Source
This commit is contained in:
William Felker 2020-10-04 23:08:16 +08:00
parent 05b75bc710
commit 4f9de79aa7
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
pages/community.js
View File

@ -239,9 +239,6 @@ const STYLES_CARD_WRAPPER = css`
:hover { :hover {
transform: scale(1.1); transform: scale(1.1);
} }
@media (max-width: ${Constants.sizes.tablet}px) {
}
`; `;
const STYLES_FULL_WIDTH = css` const STYLES_FULL_WIDTH = css`
@ -251,12 +248,14 @@ const STYLES_FULL_WIDTH = css`
const STYLES_SPLIT_WIDTH = css` const STYLES_SPLIT_WIDTH = css`
padding: 24px 0; padding: 24px 0;
width: 50%; width: 50%;
:nth-child(2) { :nth-child(2) {
padding-left: 18px; padding-left: 18px;
} }
@media (max-width: ${Constants.sizes.tablet}px) { @media (max-width: ${Constants.sizes.tablet}px) {
width: 100%; width: 100%;
:nth-child(2) { :nth-child(2) {
padding-left: 0; padding-left: 0;
} }
@ -264,6 +263,7 @@ const STYLES_SPLIT_WIDTH = css`
@media (max-width: ${Constants.sizes.mobile}px) { @media (max-width: ${Constants.sizes.mobile}px) {
width: 100%; width: 100%;
:nth-child(2) { :nth-child(2) {
padding-left: 0; padding-left: 0;
} }
@ -313,9 +313,9 @@ const STYLES_SECTION_HERO = css`
padding: 100px; padding: 100px;
overflow: hidden; overflow: hidden;
background-image: url("https://bafkreieb4yfiamtipapmhoihl547lxeod2vfku67dimrhmab5tcglr5bli.ipfs.slate.textile.io/"); background-image: url("https://bafkreieb4yfiamtipapmhoihl547lxeod2vfku67dimrhmab5tcglr5bli.ipfs.slate.textile.io/");
background-position: center; /* Center the image */ background-position: center;
background-repeat: no-repeat; /* Do not repeat the image */ background-repeat: no-repeat;
background-size: cover; /* Resize the background image to cover the entire container */ background-size: cover;
box-shadow: 0px 10px 50px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 50px 20px rgba(0, 0, 0, 0.2);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -411,6 +411,7 @@ const STYLES_FEATURE_CARD_WRAPPER = css`
width: 33%; width: 33%;
height: auto; height: auto;
padding-right: 24px; padding-right: 24px;
:nth-last-child() { :nth-last-child() {
padding-right: 0px; padding-right: 0px;
} }