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}}
|
.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}
|
.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 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';
|
import * as styles from 'app/styles/PokemonApp.scss';
|
||||||
|
|
||||||
|
|||||||
@ -11,7 +11,7 @@
|
|||||||
:global(.nes-field.is-inline).fieldRow {
|
:global(.nes-field.is-inline).fieldRow {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: baseline;
|
align-items: center;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
|
|||||||
@ -3,6 +3,8 @@ import React from 'react';
|
|||||||
import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
|
import { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
|
||||||
import classNames from 'classnames';
|
import classNames from 'classnames';
|
||||||
|
|
||||||
|
import { MAX_MOBILE_WIDTH } from 'common/models/constants';
|
||||||
|
|
||||||
import * as styles from 'app/styles/WelcomeDialog.scss';
|
import * as styles from 'app/styles/WelcomeDialog.scss';
|
||||||
|
|
||||||
export interface IWelcomeDialogProps {
|
export interface IWelcomeDialogProps {
|
||||||
@ -50,6 +52,16 @@ export class WelcomeDialog extends React.Component<IWelcomeDialogProps, IState>
|
|||||||
styles.closeButton,
|
styles.closeButton,
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const yadonCss = classNames(
|
||||||
|
'icon',
|
||||||
|
'pixel',
|
||||||
|
'sprite',
|
||||||
|
'pokemon-079',
|
||||||
|
{
|
||||||
|
'icon-small': window.matchMedia(`(max-width: ${ MAX_MOBILE_WIDTH }px)`).matches
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div ref={ this.state.ref }className={ wrapperCss }>
|
<div ref={ this.state.ref }className={ wrapperCss }>
|
||||||
<h3 className={ styles.title }>Welcome to PVPokémon Go</h3>
|
<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>
|
<li>What functionality would you like to see? There's plenty more to add!</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div className={ styles.iconWrapper }>
|
<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>
|
</div>
|
||||||
<i
|
<i
|
||||||
className={ closeCss }
|
className={ closeCss }
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user