fix: keep svg viewbox and fix tutorial layout styles (#981)

logto-io · Jan 22, 2025 · a12128c · a12128c
1 parent bca1e0f
commit a12128c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -180,7 +180,15 @@ const config: Config = {
         svgr: {
           svgrConfig: {
             svgoConfig: {
-              plugins: ['preset-default', 'prefixIds'],
+              plugins: [
+                {
+                  name: 'preset-default',
+                  params: {
+                    overrides: { removeViewBox: false },
+                  },
+                },
+                'prefixIds',
+              ],
             },
           },
         },

diff --git a/src/theme/BlogLayout/index.module.scss b/src/theme/BlogLayout/index.module.scss
@@ -13,7 +13,6 @@
       display: flex;
       flex-direction: column;
       gap: 24px;
-      overflow: hidden;
       margin-bottom: 50px;
     }
 
@@ -24,6 +23,10 @@
 
   &.hasToc {
     max-width: 1200px;
+
+    .main {
+      max-width: min(900px, calc(100vw - 324px));
+    }
   }
 }
 
@@ -33,6 +36,10 @@
 
     &.hasToc {
       max-width: 100vw;
+
+      .main {
+        max-width: 100%;
+      }
     }
 
     .row .toc {