oceanprotocol/ipfs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/ipfs synced 2024-11-22 09:47:03 +01:00
Code Releases Activity

layout tweaks

Browse Source
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. > 👩🏽‍🚀 Ocean Protocol's public IPFS node & gateway.
> [ipfs.oceanprotocol.com](https://ipfs.oceanprotocol.com) > [ipfs.oceanprotocol.com](https://ipfs.oceanprotocol.com)
[![Build Status](https://travis-ci.com/oceanprotocol/ipfs.svg?branch=master)](https://travis-ci.com/oceanprotocol/ipfs) [![Build Status](https://flat.badgen.net/travis/oceanprotocol/ipfs?icon=travis)](https://travis-ci.com/oceanprotocol/ipfs)
[![js oceanprotocol](https://img.shields.io/badge/js-oceanprotocol-7b1173.svg)](https://github.com/oceanprotocol/eslint-config-oceanprotocol) [![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. 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; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
min-height: calc(100vh - (var(--spacer) * 2));
} }
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {

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

@ -9,3 +9,7 @@
font-size: var(--font-size-large); font-size: var(--font-size-large);
color: var(--brand-grey-light); 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) { @media screen and (min-width: 1140px) {
.grid { .grid {
max-width: 70rem; max-width: 75rem;
text-align: left; text-align: left;
grid-template-columns: 2fr 1fr; grid-template-columns: 2fr 1fr;
} }
.grid > aside { .grid > aside {
margin-top: calc(var(--spacer) * 2); margin-top: calc(var(--spacer) * 3);
} }
} }
.header { .header {
width: 100%; width: 100%;
max-width: 40rem; margin-bottom: calc(var(--spacer) * 2);
margin: 0 auto calc(var(--spacer) * 2) auto;
} }
.header svg { .header svg {

8
src/styles/global.css
View File

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