github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-03-15 00:05:12 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Componentize welcome hero close button

Browse Source
This commit is contained in:
Toby Zerner 2015-07-23 14:47:27 +09:30
parent fabc448572
commit d309a21304
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
framework/core/js/forum/src/components/WelcomeHero.js
View File

@ -1,5 +1,5 @@
import Component from 'flarum/Component';
import icon from 'flarum/helpers/icon';
import Button from 'flarum/components/Button';
/**
* The `WelcomeHero` component displays a hero that welcomes the user to the
@ -22,9 +22,11 @@ export default class WelcomeHero extends Component {
return (
<header className="Hero WelcomeHero">
<div class="container">
<button className="Hero-close Button Button--icon Button--link" onclick={slideUp}>
{icon('times')}
</button>
{Button.component({
icon: 'times',
onclick: slideUp,
className: 'Hero-close Button Button--icon Button--link'
})}
<div className="containerNarrow">
<h2 className="Hero-title">{app.forum.attribute('welcomeTitle')}</h2>

1
framework/core/less/forum/Hero.less
View File

@ -19,6 +19,7 @@
float: right;
margin-top: -10px;
color: inherit;
opacity: 0.5;
}
.Hero-subtitle {
margin: 8px 0 0;