roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-04-26 04:29:11 +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 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};` `@media screen and (min-width: ${size}px) {\n${stuff.join()}\n};`
export const xs = mediaTemplateLiteral.bind(null, breakpoints.xs) export const xs = mediaTemplateLiteral.bind(null, breakpoints.xs)

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

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