Update preview default state

2016-06-01 09:53:45 -04:00 · 2016-06-01 09:53:45 -04:00 · 4964d642cf
parent c9b7c1c301
commit 4964d642cf
2 changed files with 25 additions and 2 deletions
--- a/css/emoji-picker.css
+++ b/css/emoji-picker.css
@ -102,3 +102,18 @@
 .emoji-picker-preview-shortname + .emoji-picker-preview-shortname {
  margin-left: .5em;
 }
+
+.emoji-picker-title span {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.emoji-picker-title .emoji-picker-emoji {
+  padding: 0;
+}
+
+.emoji-picker-title-label {
+  font-size: 26px;
+  font-weight: 500;
+  margin-left: .4em;
+}
--- a/src/components/preview.js
+++ b/src/components/preview.js
@ -31,8 +31,16 @@ export default class Preview extends React.Component {
        </div>
      </div>
    } else {
-      return <div>
-        EmojiPicker
+      return <div className='emoji-picker-title'>
+        <Emoji
+          {...emojiProps}
+          emoji='tophat'
+          size={46}
+        />
+
+        <span className='emoji-picker-title-label'>
+          EmojiPicker
+        </span>
      </div>
    }
  }