🚀 fix: sidebar style

2020-03-25 23:41:05 +08:00
parent 2a080f157c
commit b4f1246c53
5 changed files with 13 additions and 15 deletions
--- a/layout/layout.ejs
+++ b/layout/layout.ejs
@@ -2,16 +2,22 @@

 <body>
  <div id="app">
-    <main class="content">
+    <main class="content on">
      <%- body %>
      <%- partial('_partial/footer', null, {cache: !config.relative_link}) %>
      <div class="float_btns">
        <%- partial('_partial/totop') %>
      </div>
    </main>
-    <aside class="sidebar">
+    <aside class="sidebar on">
      <%- partial('_partial/sidebar') %>
    </aside>
+    <script>
+      if (window.matchMedia("(max-width: 768px)").matches) {
+        document.querySelector('.content').classList.remove('on');
+        document.querySelector('.sidebar').classList.remove('on');
+      }
+    </script>
    <%- partial('_partial/modal') %>
    <%- partial('_partial/after-footer') %>