|
1 | 1 | <template> |
2 | 2 | <divclass="slideMenu"> |
3 | | - <pclass="slideMenu__title">CarvueJS</p> |
4 | | - <pclass="slideMenu__subTitle">Carbon Design in VueJS</p> |
| 3 | + <ca-layoutwrap> |
| 4 | + <ca-flexcol="xs3 sm3 md3 lg3 xl3" > |
| 5 | + <imgheight="100px"src="../../public/icon.png"> |
| 6 | + </ca-flex> |
| 7 | + <ca-flexclass="slideMenu__logoText"col="xs3 sm3 md3 lg3 xl3"> |
| 8 | + <pclass="slideMenu__title">CarvueJS</p> |
| 9 | + <pclass="slideMenu__subTitle">Carbon Design in VueJS</p> |
| 10 | + </ca-flex> |
| 11 | + </ca-layout> |
5 | 12 | <search></search> |
6 | 13 | <ca-accordion> |
7 | 14 | <divclass="slideMenu__item"><router-linkto="/GetStarted"active-class="activeLink"class="inactiveLink">Get Started</router-link></div> |
@@ -55,6 +62,10 @@ export default { |
55 | 62 | font-size:12px; |
56 | 63 | } |
57 | 64 |
|
| 65 | +.slideMenu__logoText { |
| 66 | +padding:15px10px; |
| 67 | +} |
| 68 | +
|
58 | 69 | .slideMenu__item { |
59 | 70 | margin:10px7px; |
60 | 71 | } |
|