roleypoly/v1
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly-v1.git synced 2025-06-16 18:29:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

landing done-ish.

Browse source
This commit is contained in:
41666 2019-03-18 21:25:36 -05:00
parent 6413d7c642
commit 0cd8409199
9 changed files with 194 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

10
ui/components/demos/tap.js
View file

@ -1,12 +1,16 @@
// @flow
import * as React from 'react'
// import styled from 'styled-components'
import styled from 'styled-components'
import Role from '../role/demo'
const roles = [
'cute', 'vanity', 'brave', 'proud', 'wonderful', '日本語'
]
export default () => <div>
const DemoWrapper = styled.div`
text-align: center;
`
export default () => <DemoWrapper>
{ roles.map((v, i) => <Role key={i} role={{ name: `a ${v} role ♡`, color: `hsl(${(360 / roles.length) * i},40%,70%)` }} />) }
</div>
</DemoWrapper>

5
ui/components/demos/typing.js
View file

@ -2,6 +2,7 @@ import * as React from 'react'
import moment from 'moment'
import Typist from 'react-typist'
import styled from 'styled-components'
import MediaQuery from '../../kit/media'
const Outer = styled.div`
--not-quite-black: #23272A;
@ -17,6 +18,8 @@ const Outer = styled.div`
const Chat = styled.div`
padding: 10px 0;
font-size: 0.8em;
${() => MediaQuery({ sm: 'font-size: 1em;' })}
& span {
display: inline-block;
margin-left: 5px;
@ -27,6 +30,8 @@ const TextArea = styled.div`
background-color: hsla(218,5%,47%,.3);
border-radius: 5px;
padding: 10px;
font-size: 0.8em;
${() => MediaQuery({ sm: 'font-size: 1em;' })}
& .Typist .Cursor {