roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-04-25 12:19:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[ui] add a few media query template misses

Browse source
This commit is contained in:
41666 2019-04-03 14:13:29 -05:00
parent f2bb6a7b18
commit 544ae65c58
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
2 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/roleypoly-ui/kit/media.js
View file

@ -17,7 +17,7 @@ export const breakpoints = {
xl: 1280
}
const mediaTemplateLiteral = (size: number, ...stuff: any): string =>
const mediaTemplateLiteral = (size: number, ...stuff: mixed[]): string =>
`@media screen and (min-width: ${size}px) {\n${stuff.join()}\n};`
export const xs = mediaTemplateLiteral.bind(null, breakpoints.xs)

14
packages/roleypoly-ui/pages/auth/login.js
View file

@ -1,7 +1,7 @@
// @flow
import * as React from 'react'
import styled from 'styled-components'
import MediaQuery from '../../kit/media'
import { md } from '../../kit/media'
import DiscordButton from '../../components/discord-button'
import RPC from '../../config/rpc'
import redirect from '../../lib/redirect'
@ -29,13 +29,11 @@ const Wrapper = styled.div`
max-width: calc(98vw - 10px);
margin: 0 auto;
text-align: center;
${() => MediaQuery({
md: `
padding-top: 0;
align-items: center;
min-height: 80vh;
`
})}
${md`
padding-top: 0;
align-items: center;
min-height: 80vh;
`}
`
const Line = styled.div`