refactor(cheatsheet): improve cs tyle

Author: mydearxym

src/containers/CheatsheetThread/Cheatsheet.js

@@ -1,8 +1,9 @@
 import React from 'react'
 import Masonry from 'react-masonry-component'
 import { Remarkable } from 'remarkable'
-import remarkableemoj from 'remarkable-emoji'
 // import Prism from 'mastani-codehighlight'
+
+// eslint-disable-next-line import/named
 import { COMMUNITY_CHEATSHEET } from '@config'
 
 import { uid } from '@utils'
@@ -17,7 +18,6 @@ import parser from './parser'
 import CheatSheetStyle from './styles/CheatsheetMarkStyles'
 
 const md = new Remarkable()
-md.use(remarkableemoj)
 
 const Cards = ({ cards }) =>
   cards.map(item => (

src/containers/CheatsheetThread/styles/CheatsheetMarkStyles.js

@@ -316,15 +316,15 @@ const CheatSheetStyles = styled.div`
   .cheatsheet-body code {
     font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
       monospace;
-    font-size: 12px;
+    font-size: 16px;
   }
 
   .cheatsheet-body pre {
     margin-top: 0;
     margin-bottom: 0;
     font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,
       monospace;
-    font-size: 12px;
+    font-size: 16px;
   }
 
   .cheatsheet-body .octicon {

src/containers/CheatsheetThread/styles/cheatsheet.js

@@ -7,7 +7,7 @@ export const Wrapper = styled.div`
 `
 // width: 550px;
 export const CardWrapper = styled.div`
-  width: 550px;
+  width: 450px;
   height: auto;
   background: ${theme('code.bg')};
   margin: 10px;

src/containers/Sidebar/logic.js

@@ -28,13 +28,11 @@ let sub$ = null
 export const setPin = () => store.mark({ pin: !store.pin })
 
 export const scrollOnTop = () => {
-  store.mark({ showHomeBarShadow: false })
-  log('scrollTop ... On')
+  if (store) store.mark({ showHomeBarShadow: false })
 }
 
 export const scrollOffTop = () => {
-  store.mark({ showHomeBarShadow: true })
-  log('scrollTop ... Off')
+  if (store) store.mark({ showHomeBarShadow: true })
 }
 
 export const onCommunitySelect = community => {