style: fix menu, content, overflow-x problem

xianmin · Nov 8, 2024 · 36a587f · 36a587f
1 parent 03690e4
commit 36a587f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/assets/sass/_partial/_header/_desktop_header.scss b/assets/sass/_partial/_header/_desktop_header.scss
@@ -36,7 +36,7 @@
   .menu {
     display: flex;
     height: 100%;
-    // font-family: $global-serif-font-family;
+    flex-wrap: wrap;
 
     .active {
       font-weight: bold;
@@ -45,8 +45,7 @@
 
     .menu-item {
       display: block;
-      height: 100%;
-      min-height: 3em;
+      height: 3em;
       position: relative;
 
       &:hover {

diff --git a/assets/sass/_partial/_post.scss b/assets/sass/_partial/_post.scss
@@ -1,7 +1,7 @@
 .content-wrapper {
   display: grid;
   grid-template-rows: auto 1fr;
-  grid-template-columns: 10.5rem 1fr 10.5rem;
+  grid-template-columns: 10.5rem minmax(0, 1fr) 10.5rem;
   grid-template-areas: "toc content sidebar";
 
   @include style-to-mobile() {