Prototype out glitchy elephant friend. #294.

Glitched elephant friends kindly provided by @ncls7615.
This commit is contained in:
David Yip 2018-01-08 10:40:34 -06:00
parent 65986b6f0b
commit 835eec8a4c
No known key found for this signature in database
GPG key ID: 7DA0036508FCC0CC
5 changed files with 14 additions and 1 deletions

View file

@ -2,6 +2,7 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React from 'react'; import React from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes'; import ImmutablePropTypes from 'react-immutable-proptypes';
import classNames from 'classnames';
// Actions. // Actions.
import { openModal } from 'flavours/glitch/actions/modal'; import { openModal } from 'flavours/glitch/actions/modal';
@ -68,6 +69,12 @@ class Drawer extends React.Component {
submitted, submitted,
} = this.props; } = this.props;
let choices = ['mbstobon-bg-1', 'mbstobon-bg-2', 'mbstobon-bg-3'];
let glitchyFriendDecision = choices[Math.floor(Math.random() * choices.length)];
let drawerAttrs = {
className: classNames('contents', glitchyFriendDecision)
};
// The result. // The result.
return ( return (
<div className='drawer'> <div className='drawer'>
@ -87,7 +94,7 @@ class Drawer extends React.Component {
submitted={submitted} submitted={submitted}
value={searchValue} value={searchValue}
/> />
<div className='contents'> <div {...drawerAttrs}>
<DrawerAccount account={account} /> <DrawerAccount account={account} />
<Composer /> <Composer />
<DrawerResults <DrawerResults

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

View file

@ -49,6 +49,12 @@
overflow-y: auto; overflow-y: auto;
contain: strict; contain: strict;
} }
@for $i from 1 through 3 {
.mbstobon-bg-#{$i} {
background: url("~flavours/glitch/images/mbstobon-ui-#{$i}.png") no-repeat left bottom / contain;
}
}
} }
.drawer--header { .drawer--header {