oceanprotocol
/
ipfs
mirror of https://github.com/oceanprotocol/ipfs
1
0
Fork 0
Code Releases Activity

layout tweaks

This commit is contained in:
Matthias Kretschmann 2019-10-18 13:40:14 +02:00
parent 70bde3a669
commit 6065dc8c30
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -5,8 +5,9 @@
> 👩🏽‍🚀 Ocean Protocol's public IPFS node & gateway.
> [ipfs.oceanprotocol.com](https://ipfs.oceanprotocol.com)
[![Build Status](https://travis-ci.com/oceanprotocol/ipfs.svg?branch=master)](https://travis-ci.com/oceanprotocol/ipfs)
[![js oceanprotocol](https://img.shields.io/badge/js-oceanprotocol-7b1173.svg)](https://github.com/oceanprotocol/eslint-config-oceanprotocol)
[![Build Status](https://flat.badgen.net/travis/oceanprotocol/ipfs?icon=travis)](https://travis-ci.com/oceanprotocol/ipfs)
[![Now deployment](https://flat.badgen.net/badge/now/auto-deployment/21c4dd?icon=now)](https://zeit.co/oceanprotocol/ipfs)
[![js oceanprotocol](https://flat.badgen.net/badge/js/oceanprotocol/7b1173)](https://github.com/oceanprotocol/eslint-config-oceanprotocol)
This repo holds a simple React app built with [Next.js](https://nextjs.org) serving as the frontpage of [ipfs.oceanprotocol.com](https://ipfs.oceanprotocol.com) from where you can add files to IPFS via drag and drop.

1
src/Layout.module.css
View File

@ -7,6 +7,7 @@
display: flex;
flex-wrap: wrap;
justify-content: center;
min-height: calc(100vh - (var(--spacer) * 2));
}
@media screen and (min-width: 640px) {

4
src/components/Info.module.css
View File

@ -9,3 +9,7 @@
font-size: var(--font-size-large);
color: var(--brand-grey-light);
}
.info code {
font-size: 90%;
}

7
src/pages/index.module.css
View File

@ -9,20 +9,19 @@
@media screen and (min-width: 1140px) {
.grid {
max-width: 70rem;
max-width: 75rem;
text-align: left;
grid-template-columns: 2fr 1fr;
}
.grid > aside {
margin-top: calc(var(--spacer) * 2);
margin-top: calc(var(--spacer) * 3);
}
}
.header {
width: 100%;
max-width: 40rem;
margin: 0 auto calc(var(--spacer) * 2) auto;
margin-bottom: calc(var(--spacer) * 2);
}
.header svg {

8
src/styles/global.css
View File

@ -1,14 +1,6 @@
@import '_variables.css';
html,
body,
#__next {
height: 100%;
max-height: calc(100vh - (var(--page-frame) * 2));
}
html {
height: 100%;
font-size: var(--font-size-root);
}