border

source/less/_toc.less

@@ -17,12 +17,13 @@
     @media(max-width: @container-width){
         right: 0;
         margin-right:0;
+        width: @side-width;
     }
 
     @media(max-width: @on-phone){
         top: @header-height + @gap;
         right: 0px - @side-width;
-        border-radius: 0;
+        // border-radius: 0;
         margin-right:0;
         &.active{
             transform: translateX(-@side-width - 10px);
@@ -45,7 +46,7 @@
     .content{
         overflow: auto;
         padding: @gap/2 0;
-        max-height: ~"calc(100% - @{header-height} + 0.5 * @{gap})";
+        max-height: ~"calc(100% - @{header-height} - 2.5 * @{gap})";
     }
     width: @side-width;
     z-index:3;