make small pokemon icons

This commit is contained in:
Jeff Colombo 2019-04-25 11:47:24 -04:00
parent f0245fc11c
commit feeff0d16b
8 changed files with 3735 additions and 10 deletions

2
dist/app.css vendored
View File

@ -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}

File diff suppressed because one or more lines are too long

2
dist/global.css vendored

File diff suppressed because one or more lines are too long

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

View File

@ -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';

View File

@ -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;

View File

@ -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 }