mirror of
https://github.com/oceanprotocol/ipfs
synced 2024-11-22 09:47:03 +01:00
layout tweaks
This commit is contained in:
parent
70bde3a669
commit
6065dc8c30
@ -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.
|
||||
|
||||
|
@ -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) {
|
||||
|
@ -9,3 +9,7 @@
|
||||
font-size: var(--font-size-large);
|
||||
color: var(--brand-grey-light);
|
||||
}
|
||||
|
||||
.info code {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user