fix a load of linting issues

This commit is contained in:
41666 2019-04-03 02:10:43 -05:00
parent 928c9cf07c
commit 057e9f96b4
No known key found for this signature in database
GPG key ID: BC51D07640DC10AF
31 changed files with 375 additions and 411 deletions

View file

@ -23,7 +23,6 @@ const ResponsiveSplitter = styled.div`
line-height: 1.6;
font-size: 1.3em;
flex-direction: column;
${() => MediaQuery({
md: `flex-direction: row; min-height: 100vh; position: relative; top: -50px;`
})}
@ -34,9 +33,7 @@ const ResponsiveSplitter = styled.div`
& section {
text-align: center;
${() => MediaQuery({
md: `text-align: left;`
})}
${() => MediaQuery({ md: `text-align: left;` })}
}
`

View file

@ -24,13 +24,7 @@ const mapStateToProps = (state, { router: { query: { id } } }) => {
}
const Category = styled.div``
const Hider = styled.div`
/* opacity: ${(props: any) => props.visible ? '1' : '0'}; */
/* opacity: 1; */
/* transition: opacity 0.15s ease-out; */
/* ${(props: any) => props.visible ? '' : 'display: none;'} */
`
const Hider = styled.div``
const RoleHolder = styled.div`
display: flex;

View file

@ -6,7 +6,8 @@ import DiscordButton from '../../components/discord-button'
import RPC from '../../config/rpc'
import redirect from '../../lib/redirect'
import dynamic from 'next/dynamic'
import type { PageProps, ServerSlug } from '../../types'
import type { PageProps } from '../../types'
import type { ServerSlug } from '@roleypoly/types'
import getConfig from 'next/config'
const { publicRuntimeConfig: { BOT_HANDLE } } = getConfig()
@ -54,21 +55,24 @@ const SecretCode = styled.input`
appearance: none;
transition: all 0.3s ease-in-out;
&:focus, &:active, &:hover {
background-color: var(--c-3);
}
&:focus, &:active {
& ::placeholder {
color: transparent;
}
}
& ::placeholder {
transition: all 0.3s ease-in-out;
color: var(--c-7);
text-align: center;
}
&:focus,
&:active,
&:hover {
background-color: var(--c-3);
}
&:focus,
&:active {
& ::placeholder {
color: transparent;
}
}
`
const HiderButton = styled.button`
@ -97,7 +101,7 @@ const SlugWrapper = styled.div`
const DiscordGuildPic = dynamic(() => import('../../components/discord-guild-pic'))
const StyledDGP = styled(DiscordGuildPic)`
border-radius: 100%;
border: 2px solid rgba(0,0,0,0.2);
border: 2px solid rgba(0, 0, 0, 0.2);
height: 4em;
margin-top: 1em;
`

View file

@ -23,7 +23,7 @@ const DiscordOuter = styled.div`
padding: 10px;
text-align: left;
color: var(--c-white);
border: 1px solid rgba(0,0,0,0.25);
border: 1px solid rgba(0, 0, 0, 0.25);
width: 250px;
margin: 0 auto;
user-select: none;
@ -34,7 +34,6 @@ const Collapser = styled.div`
align-items: center;
justify-content: center;
flex-direction: column;
${() => MediaQuery({
md: `flex-direction: row;`
})}