모바일페이지 대응

ChangJoo-Park · ChangJoo-Park · commit f684fdebc04d · 2020-12-24T10:13:42.000+09:00
diff --git a/themes/vue/layout/layout.ejs b/themes/vue/layout/layout.ejs
@@ -90,7 +90,7 @@
     <script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/72160148.js"></script>
   </head>
   <body class="<%- isIndex ? '' : 'docs' -%>">
-    <div id="mobile-bar" <%- isIndex ? 'class="top"' : '' %>>
+    <div id="mobile-bar" style="pointer-events: none;" <%- isIndex ? 'class="top"' : '' %>>
       <a class="menu-button"></a>
       <a class="logo" href="/"></a>
     </div>
diff --git a/themes/vue/layout/partials/v3-banner.ejs b/themes/vue/layout/partials/v3-banner.ejs
@@ -1,3 +1,3 @@
-<a href="https://v3.vuejs-korea.org/ko-KR/" style="display: block; color: #f2f2f2; padding: .5rem 0 .5rem 0; text-align: center; font-weight: 500;">
+<a id="v3-banner" href="https://v3.vuejs-korea.org/ko-KR/" style="display: block; color: #f2f2f2; padding: .5rem 0 .5rem 0; text-align: center; font-weight: 500; word-break: keep-all;">
   Vue.js 3가 출시되었습니다! 이 배너를 눌러 최신 버전 문서를 확인하세요.
 </a>
diff --git a/themes/vue/source/css/_header.styl b/themes/vue/source/css/_header.styl
@@ -135,6 +135,7 @@ body.docs
     left: 12px
     background: url(../images/menu.png) center center no-repeat
     background-size: 24px
+    pointer-events: auto
   .logo
     position: absolute
     width: 30px
