Ghost/ghost/admin/app/templates/setup/three.hbs
Kevin Ansfield 10b8ea48bd Fix stretched team image on setup/three
closes #6380
- wraps `<img>` element with a `<div>` to workaround buggy browser behaviour (https://github.com/philipwalton/flexbugs/issues/14)
- adds explicit `width: 100%` to `img` element to fix Firefox not scaling down to mobile sizes
2016-02-02 15:08:28 +00:00

20 lines
929 B
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<header>
<h1>Invite your team</h1>
<p>Ghost works best when shared with others. Collaborate, get feedback on your posts &amp; work together on ideas.</p>
</header>
<div><img class="gh-flow-faces" src="{{gh-path 'admin' 'img/users.png'}}" alt="" /></div>
<form class="gh-flow-invite">
{{#gh-form-group errors=errors hasValidated=hasValidated property="users"}}
<label for="users">Enter one email address per line, well handle the rest! <i class="icon-mail"></i></label>
{{gh-textarea name="users" value=users required="required" focusOut=(action "validate")}}
{{/gh-form-group}}
{{#gh-spin-button type="submit" action="invite" classNameBindings=":btn :btn-default :btn-lg :btn-block buttonClass" submitting=submitting autoWidth="false"}}{{buttonText}}{{/gh-spin-button}}
</form>
<button class="gh-flow-skip" {{action "skipInvite"}}>
I'll do this later, take me to my blog!
</button>