add(main page): internbox style

Author: lichin-lin

src/js/components/common/Navbar.styl

@@ -38,7 +38,7 @@
     position: fixed
     top: 0
     z-index: 100
-    box-shadow: 0px 1px 5px #50514F
+    box-shadow: 0px 1px 10px #aaa
 .navbar
     a
         span

src/js/components/pages/dashboard/Base.jsx

@@ -332,7 +332,7 @@ export default CSSModules(class extends Component {
                           maxWidth: '1024px'
                       }}>
                         <div className="searchBtn"
-                            onClick={this.showSearchModal}>單字搜尋
+                            onClick={this.showSearchModal}>關鍵字搜尋
                         </div>
                         <div className="searchBtn"
                             onClick={this.showCatagoryModal}>類別搜尋

src/js/components/pages/dashboard/InternBox.jsx

@@ -86,7 +86,7 @@ export default CSSModules(class Inner extends Component {
                 <Animate enter={{'animation': 'fade', 'duration': 700, 'delay': 0}}
                     keep={false}
                     style={{
-                        marginBottom: '40px'
+                        marginBottom: '20px'
                     }}>
                     <Link to={`${base}/post/${this.state.id}`}
                         target="_blank">
@@ -128,6 +128,7 @@ export default CSSModules(class Inner extends Component {
                                     width: '100%'
                                 }}/>
                     </Tile>
+                    </Link>
                     <div className='actionButton'>
                         <FavoriteIcon
                             onClick={this.toggleFavorite}
@@ -145,7 +146,6 @@ export default CSSModules(class Inner extends Component {
                             }}/>
                         <span>{this.state.messageCount}</span>
                     </div>
-                    </Link>
                    </Animate>
                 </div>
             </div>

src/js/components/pages/dashboard/InternBox.styl

@@ -1,10 +1,12 @@
 .internBoxWrapper
     width: 100%
-    padding: 10px
+    padding: 20px
     margin: 5px 0
     .actionButton
+        margin-top: 10px
+        padding: 10px 0 0 0
         display: flex
-        margin-left: 10px
+        margin-left: 25px
         > *
             margin: 0 3px
         span
@@ -19,12 +21,20 @@
         overflow: hidden !important
     .innerBoxWrapperContent
         width: 100%
+        height: 100%
         padding-bottom: 1px
         border-radius: 5px
-        box-shadow: 0px 1px 7px #50514F
+        transition: all 0.25s ease
+        box-shadow: 0px 1px 5px #bbb
+        &:hover
+            transition: all 0.25s ease
+            box-shadow: 0px 1px 10px #999
         .internBoxLink
             color: #58A0FC !important
             text-decoration: none !important
+        a
+            > div
+                width: auto
     a
         color: #50514F !important
         text-decoration: none !important