ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 09:23:13 +01:00
Code Issues Releases Wiki Activity

Use height for landing page logos

Browse Source 
Using height means the browser can allocate space for the image before
it loads, so there’s no flash of movement
This commit is contained in:
Brett Sun 2016-01-12 15:06:43 +01:00
parent 315e5f0108
commit 5b2178eb7e
4 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
js/components/whitelabel/wallet/components/23vivi/23vivi_landing.js
View File

@ -30,7 +30,10 @@ let Vivi23Landing = React.createClass({
<div className="row"> <div className="row">
<div className="col-xs-12"> <div className="col-xs-12">
<div className="row vivi23-landing--header"> <div className="row vivi23-landing--header">
<img className="vivi23-landing--header-logo" src={this.props.whitelabel.logo} /> <img
className="vivi23-landing--header-logo"
src={this.props.whitelabel.logo}
height="75" />
<div> <div>
{getLangText('Artwork from the 23VIVI Marketplace is powered by') + ' '} {getLangText('Artwork from the 23VIVI Marketplace is powered by') + ' '}
<span className="icon-ascribe-logo" /> <span className="icon-ascribe-logo" />

2
js/components/whitelabel/wallet/components/cyland/cyland_landing.js
View File

@ -30,7 +30,7 @@ let CylandLanding = React.createClass({
<div className="row"> <div className="row">
<div className="col-xs-12"> <div className="col-xs-12">
<div className="row" style={{border: '1px solid #CCC', padding: '2em'}}> <div className="row" style={{border: '1px solid #CCC', padding: '2em'}}>
<img src={this.props.whitelabel.logo} width="400px"/> <img src={this.props.whitelabel.logo} height="115"/>
<div style={{marginTop: '1em'}}> <div style={{marginTop: '1em'}}>
{getLangText('Submissions to Cyland Archive are powered by') + ' '} {getLangText('Submissions to Cyland Archive are powered by') + ' '}
<span> <span>

2
js/components/whitelabel/wallet/components/lumenus/lumenus_landing.js
View File

@ -29,7 +29,7 @@ let LumenusLanding = React.createClass({
<div className="row"> <div className="row">
<div className="col-xs-12 wp-landing-wrapper"> <div className="col-xs-12 wp-landing-wrapper">
<div className="row" style={{border: '1px solid #CCC', padding: '2em'}}> <div className="row" style={{border: '1px solid #CCC', padding: '2em'}}>
<img src={this.props.whitelabel.logo} width="150px"/> <img src={this.props.whitelabel.logo} height="150"/>
<div style={{marginTop: '1em'}}> <div style={{marginTop: '1em'}}>
{getLangText('Artwork from the Lumenus Marketplace is powered by') + ' '} {getLangText('Artwork from the Lumenus Marketplace is powered by') + ' '}
<span> <span>

1
sass/whitelabel/wallet/23vivi/23vivi_custom_style.scss
View File

@ -34,7 +34,6 @@ $vivi23--highlight-color: #de2600;
.vivi23-landing--header-logo { .vivi23-landing--header-logo {
margin-top: 1em; margin-top: 1em;
margin-bottom: 2em; margin-bottom: 2em;
height: 75px;
} }
} }