make small pokemon icons
This commit is contained in:
parent
f0245fc11c
commit
feeff0d16b
2
dist/app.css
vendored
2
dist/app.css
vendored
@ -8,7 +8,7 @@
|
||||
|
||||
.ExplorerLoading__wrapper__MGSlF{display:flex;flex-wrap:wrap;width:480px;margin:0 auto}@media only screen and (max-width: 767px){.ExplorerLoading__wrapper__MGSlF{flex-direction:column}}.ExplorerLoading__loading__kpcaU{width:100%;text-align:center;margin-top:0.5em}.ExplorerLoading__loading__kpcaU::after{position:absolute;overflow:hidden;display:inline-block;vertical-align:bottom;animation:ExplorerLoading__ellipsis__3kLb6 steps(4, end) 900ms infinite;content:"\2026";width:0}@keyframes ExplorerLoading__ellipsis__3kLb6{to{width:1.25em}}
|
||||
|
||||
.nes-field.is-inline .IvForm__ivInput__xR5IU{width:4.25em;padding-left:0.45em;padding-right:0.25em}.nes-field.is-inline .IvForm__ivInput__xR5IU.IvForm__levelInput__1n6We{width:6.5em}.nes-field.is-inline.IvForm__fieldRow__3HcBN{font-size:0.9em;justify-content:space-between;align-items:baseline}.nes-field.is-inline.IvForm__fieldRow__3HcBN label{flex-grow:0;margin-left:1em}.nes-field.is-inline.IvForm__fieldRow__3HcBN label:first-child{margin-left:0}
|
||||
.nes-field.is-inline .IvForm__ivInput__xR5IU{width:4.25em;padding-left:0.45em;padding-right:0.25em}.nes-field.is-inline .IvForm__ivInput__xR5IU.IvForm__levelInput__1n6We{width:6.5em}.nes-field.is-inline.IvForm__fieldRow__3HcBN{font-size:0.9em;justify-content:space-between;align-items:center}.nes-field.is-inline.IvForm__fieldRow__3HcBN label{flex-grow:0;margin-left:1em}.nes-field.is-inline.IvForm__fieldRow__3HcBN label:first-child{margin-left:0}
|
||||
|
||||
.LeagueSelector__wrapper__fxmRz{font-size:0.8em;display:flex;justify-content:space-around;margin:0 0 0.5rem 0}.LeagueSelector__leagueRadioLabel__3aPV9{display:flex;align-items:center}.LeagueSelector__leagueRadio__3hY7B{display:none}
|
||||
|
||||
|
||||
2
dist/global-bundle.js
vendored
2
dist/global-bundle.js
vendored
File diff suppressed because one or more lines are too long
2
dist/global.css
vendored
2
dist/global.css
vendored
File diff suppressed because one or more lines are too long
8
dist/main-bundle.js
vendored
8
dist/main-bundle.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -3,7 +3,7 @@ import Media from 'react-media';
|
||||
|
||||
import classNames from 'classnames';
|
||||
|
||||
import { MAX_MOBILE_WIDTH, MIN_DESKTOP_WIDTH, MIN_TABLET_WIDTH } from 'common/models/constants';
|
||||
import { MIN_DESKTOP_WIDTH, MIN_TABLET_WIDTH } from 'common/models/constants';
|
||||
|
||||
import * as styles from 'app/styles/PokemonApp.scss';
|
||||
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
:global(.nes-field.is-inline).fieldRow {
|
||||
font-size: 0.9em;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
align-items: center;
|
||||
|
||||
label {
|
||||
flex-grow: 0;
|
||||
|
||||
@ -3,6 +3,8 @@ import React from 'react';
|
||||
import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
|
||||
import classNames from 'classnames';
|
||||
|
||||
import { MAX_MOBILE_WIDTH } from 'common/models/constants';
|
||||
|
||||
import * as styles from 'app/styles/WelcomeDialog.scss';
|
||||
|
||||
export interface IWelcomeDialogProps {
|
||||
@ -50,6 +52,16 @@ export class WelcomeDialog extends React.Component<IWelcomeDialogProps, IState>
|
||||
styles.closeButton,
|
||||
);
|
||||
|
||||
const yadonCss = classNames(
|
||||
'icon',
|
||||
'pixel',
|
||||
'sprite',
|
||||
'pokemon-079',
|
||||
{
|
||||
'icon-small': window.matchMedia(`(max-width: ${ MAX_MOBILE_WIDTH }px)`).matches
|
||||
}
|
||||
);
|
||||
|
||||
return (
|
||||
<div ref={ this.state.ref }className={ wrapperCss }>
|
||||
<h3 className={ styles.title }>Welcome to PVPokémon Go</h3>
|
||||
@ -60,7 +72,9 @@ export class WelcomeDialog extends React.Component<IWelcomeDialogProps, IState>
|
||||
<li>What functionality would you like to see? There's plenty more to add!</li>
|
||||
</ul>
|
||||
<div className={ styles.iconWrapper }>
|
||||
<a href="https://www.youtube.com/watch?v=Ce5mRvkAePU" target="_blank"><i className="icon pixel sprite pokemon-079" /></a>
|
||||
<a href="mailto:feedback@pvpokemon.com"><i className="nes-icon gmail" /></a>
|
||||
<a href="https://www.youtube.com/watch?v=Ce5mRvkAePU" target="_blank"><i className={ yadonCss } /></a>
|
||||
<a href="https://twitter.com/pvpokemongo"><i className="nes-icon twitter" /></a>
|
||||
</div>
|
||||
<i
|
||||
className={ closeCss }
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user