fix: header layout flex

reuixiy · Mar 4, 2020 · 44b352e · 44b352e
1 parent a11c06a
commit 44b352e
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/assets/js/header.js b/assets/js/header.js
@@ -18,3 +18,20 @@ if (mainInner !== null) {
         headerInner.style.setProperty('--main-inner', '{{ . }}');
     {{ end }}
 }
+
+
+// Hide switcher's parentNode if it has `data-hide`
+
+function addDisplayNone(e) {
+    const ele = document.getElementById(e);
+    if (ele !== null) {
+        const hide = ele.getAttribute('data-hide');
+        if (hide !== null) {
+            ele.parentNode.style = 'display: none';
+        }
+    }
+}
+
+addDisplayNone('theme-switcher');
+
+addDisplayNone('lang-switcher');
diff --git a/assets/scss/layout/_header.scss b/assets/scss/layout/_header.scss
@@ -15,7 +15,7 @@
     .header-inner {
         display: flex;
         justify-content: space-between;
-        align-items: baseline;
+        align-items: center;
         width: var(--main-inner);
         margin: 0 auto;
     }