feat: restore docusaurus style (#2152)

Co-authored-by: Henry <150573299+hieu-jan@users.noreply.github.com>

docs/src/styles/tweaks/markdown.scss

@@ -1,4 +1,10 @@
 .theme-doc-markdown {
+  a,
+  p,
+  span,
+  li {
+    @apply leading-loose;
+  }
   a {
     @apply text-blue-600 dark:text-blue-400;
   }
@@ -10,9 +16,9 @@
   }
   ul,
   ol {
-    padding-left: 16px;
+    padding-left: 28px;
     li {
-      @apply leading-normal;
+      @apply leading-loose;
       p {
         margin-bottom: 0;
       }

docs/src/styles/tweaks/sidebar.scss

@@ -1,12 +1,12 @@
 // * Classname from Docusaurus template
 // * We just overide the styling with applied class from tailwind
 
-[class*="docSidebarContainer_"] {
+[class*='docSidebarContainer_'] {
   margin-top: 0 !important;
   @apply dark:border-gray-800 border-gray-300;
 }
 
-[class*="sidebar_"] {
+[class*='sidebar_'] {
   padding-top: 0px !important;
 }
 
@@ -14,32 +14,40 @@
   padding-top: 20px !important;
 }
 
-[class*="sidebarViewport_"] {
+[class*='sidebarViewport_'] {
   top: 80px !important;
   // height: unset !important;
 }
 
-[class*="docItemCol_"] {
+[class*='docItemCol_'] {
   @apply lg:px-8;
 }
 
 // * Including custom sidebar table of content
 .table-of-contents {
-  @apply text-base py-0 dark:border-gray-800 border-gray-300;
+  @apply text-sm py-0 dark:border-gray-800 border-gray-300;
 }
 
 .menu__caret:before {
   background: var(--ifm-menu-link-sublist-icon) 50% / 1.5rem 1.5rem;
 }
 
-[class*="codeBlockContainer_"] {
+[class*='codeBlockContainer_'] {
   margin: 4px;
 }
 
-[class*="codeBlockTitle_"] {
+[class*='codeBlockTitle_'] {
   border-bottom: 1px solid #52525a !important;
 }
 
-[class*="iconExternalLink_"] {
+[class*='iconExternalLink_'] {
   display: none;
 }
+
+[class*='docMainContainer'] {
+  @media (min-width: 1440px) {
+    .container {
+      max-width: var(--ifm-container-width-xl);
+    }
+  }
+}